{"id":6927,"date":"2026-03-22T16:26:28","date_gmt":"2026-03-22T16:26:28","guid":{"rendered":"https:\/\/creativewebui.com\/flexi-post-grid\/?page_id=6927"},"modified":"2026-03-28T08:44:02","modified_gmt":"2026-03-28T08:44:02","slug":"a-z-filter","status":"publish","type":"page","link":"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/","title":{"rendered":"A-Z Filter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6927\" class=\"elementor elementor-6927\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d6ff99 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"8d6ff99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-048f0e9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"048f0e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e7b506 elementor-widget elementor-widget-html\" data-id=\"7e7b506\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FLEXI POST GRID \u2013 INNER PAGE BANNER (FILTER & PAGINATION) -->\n<section class=\"fpgp-banner\" aria-label=\"Flexi Post Grid inner page banner\">\n  <!-- Background FX -->\n  <div class=\"fpgp-bg\" aria-hidden=\"true\">\n    <span class=\"fpgp-blob b1\"><\/span>\n    <span class=\"fpgp-blob b2\"><\/span>\n    <span class=\"fpgp-blob b3\"><\/span>\n    <span class=\"fpgp-blob b4\"><\/span>\n    <span class=\"fpgp-blob b5\"><\/span>\n    <span class=\"fpgp-blob b6\"><\/span>\n\n    <span class=\"fpgp-grid\"><\/span>\n    <span class=\"fpgp-noise\"><\/span>\n  <\/div>\n\n  <div class=\"fpgp-wrap\">\n\n    <!-- Pill -->\n    <div class=\"fpgp-pill\">\n      <span class=\"fpgp-dot\" aria-hidden=\"true\"><\/span>\n      Flexi Post Grid \u2022 A\u2013Z Filter \u2022 Instant AJAX Sorting\n    <\/div>\n\n    <!-- Title -->\n    <h1 class=\"fpgp-title\">\n      Alphabetical Post Filter for WordPress<br>\n      <span class=\"fpgp-accent\">with instant AJAX A\u2013Z sorting<\/span>\n    <\/h1>\n\n    <!-- Description -->\n    <p class=\"fpgp-desc\">\n      This demo showcases Flexi Post Grid\u2019s powerful <strong>A\u2013Z Filter widget<\/strong> for WordPress,\n      designed to help users browse posts alphabetically with ease. Visitors can instantly filter content by the <strong>first letter of the post title<\/strong>\n      without reloading the page.\n    <\/p>\n\n    <p class=\"fpgp-desc\">\n      The A\u2013Z Filter works perfectly for <strong>directories, glossaries, product catalogs,\n      team listings, documentation pages, and custom post type archives<\/strong>. You can fully customize the <strong>alphabet buttons, spacing, colors, typography, borders,\n      hover effects, and active states<\/strong> to match your website design.\n    <\/p>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96614aa e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"96614aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e09d07e section-heading elementor-widget elementor-widget-heading\" data-id=\"e09d07e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Default A\u2013Z Filter<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ee13ac e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"7ee13ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c65bfe elementor-widget elementor-widget-fpg_a_to_z_filter\" data-id=\"9c65bfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fpg_a_to_z_filter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"fpg-a-to-z-filter-wrap fpg-a-to-z-layout-wrap fpg-a-to-z-has-nav\"><div class=\"fpg-a-to-z-filter\" data-target-grid=\"grid-21\"><button type=\"button\" class=\"active\" data-letter=\"all\">All<\/button><button type=\"button\" data-letter=\"0-9\">0-9<\/button><button type=\"button\" data-letter=\"#\">#<\/button><button type=\"button\" data-letter=\"A\">A<\/button><button type=\"button\" data-letter=\"B\">B<\/button><button type=\"button\" data-letter=\"C\">C<\/button><button type=\"button\" data-letter=\"D\">D<\/button><button type=\"button\" data-letter=\"E\">E<\/button><button type=\"button\" data-letter=\"F\">F<\/button><button type=\"button\" data-letter=\"G\">G<\/button><button type=\"button\" data-letter=\"H\">H<\/button><button type=\"button\" data-letter=\"I\">I<\/button><button type=\"button\" data-letter=\"J\">J<\/button><button type=\"button\" data-letter=\"K\">K<\/button><button type=\"button\" data-letter=\"L\">L<\/button><button type=\"button\" data-letter=\"M\">M<\/button><button type=\"button\" data-letter=\"N\">N<\/button><button type=\"button\" data-letter=\"O\">O<\/button><button type=\"button\" data-letter=\"P\">P<\/button><button type=\"button\" data-letter=\"Q\">Q<\/button><button type=\"button\" data-letter=\"R\">R<\/button><button type=\"button\" data-letter=\"S\">S<\/button><button type=\"button\" data-letter=\"T\">T<\/button><button type=\"button\" data-letter=\"U\">U<\/button><button type=\"button\" data-letter=\"V\">V<\/button><button type=\"button\" data-letter=\"W\">W<\/button><button type=\"button\" data-letter=\"X\">X<\/button><button type=\"button\" data-letter=\"Y\">Y<\/button><button type=\"button\" data-letter=\"Z\">Z<\/button><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0816f21 custom-fields-align-h-center elementor-widget elementor-widget-blog_grid_filter\" data-id=\"0816f21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blog_grid_filter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"blog-grid-filter\" data-unique-id=\"blog-posts-container-69d12d8182829\"><ul class=\"category-filter\" data-unique-id=\"blog-posts-container-69d12d8182829\"><li data-category=\"all\" class=\"active\">All<\/li><li data-category=\"events\">Events<\/li><li data-category=\"interior-design\">Interior Design<\/li><li data-category=\"news\">News<\/li><li data-category=\"team\">Team<\/li><\/ul><div id=\"blog-posts-container-69d12d8182829\" class=\"blog-posts-container blog-grid-layout\"\n\t\tfpg-wl-pos-top-right\n    \tfpg-wl-design-heart\"\n\t\tdata-unique-id=\"blog-posts-container-69d12d8182829\"\n\t\tdata-posts-per-page=\"8\"\n\t\tdata-post-type=\"post\"\n\t\tdata-post-order=\"DESC\"\n\t\tdata-sort-by=\"date\"\n\t\tdata-grid-style=\"blog-grid-layout\"\n\n\t\t\/* Phase 1 Popup *\/\n\t\tdata-popup-enabled=\"no\"\n\t\tdata-popup-trigger=\"image_title\"\n\t\tdata-popup-content-source=\"excerpt\"\n\t\tdata-popup-show-image=\"yes\"\n\t\tdata-popup-show-title=\"yes\"\n\t\tdata-popup-show-categories=\"yes\"\n\t\tdata-popup-show-meta=\"yes\"\n\t\tdata-popup-show-custom-fields=\"yes\"\n\t\tdata-popup-meta-options='[&quot;category&quot;]'\n\t\tdata-popup-custom-field-keys='[]'\n\t\tdata-popup-enable-custom-button=\"no\"\n\t\tdata-popup-shortcode=\"\"\n\n\t\tdata-popup-width=\"920\"\n\t\tdata-popup-image-width=\"42\"\n\t\tdata-popup-content-padding=\"32\"\n\t\tdata-popup-border-radius=\"18\"\n\t\tdata-popup-overlay-color=\"rgba(15,23,42,.72)\"\n\t\tdata-popup-bg-color=\"#ffffff\"\n\t\tdata-popup-title-color=\"#111827\"\n\t\tdata-popup-text-color=\"#374151\"\n\t\tdata-popup-meta-color=\"#6b7280\"\n\t\tdata-popup-button-bg=\"#120c7a\"\n\t\tdata-popup-button-text-color=\"#ffffff\"\n\n\n\t\tdata-show-product-rating=\"no\"\n\t\tdata-show-product-price=\"no\"\n\t\tdata-show-product-swatches=\"no\"\n\t\t\n\t\tdata-title-alignment=\"\"\n\t\tdata-description-alignment=\"\"\n\t\tdata-image-resolution=\"custom_500\"\n\t\tdata-custom-image-width=\"\"\n\t\tdata-custom-image-height=\"\"\n\t\tdata-show-excerpt=\"no\"\n\t\tdata-excerpt-length=\"20\"\n\n\t\tdata-pagination-mode=\"pagination\"\n\t\tdata-load-more-text=\"Load More\"\n\n\t\tdata-show-meta=\"yes\"\n\t\tdata-show-pagination=\"yes\"\n\t\tdata-show-filter=\"yes\"\n\t\tdata-show-image=\"yes\"\n\t\tdata-gutter=\"20\"\n\n\t\tdata-show-read-more=\"yes\"\n\t\tdata-read-more-text=\"Read More\"\n\t\tdata-show-read-more-icon=\"no\"\n\t\tdata-show-read-more-text=\"yes\"\n\t\tdata-read-more-icon-position=\"\"\n\t\tdata-read-more-icon=''\n\n\t\tdata-show-read-more2=\"\"\n\t\tdata-read-more-text2=\"\"\n\t\tdata-show-read-more-icon2=\"\"\n\t\tdata-show-read-more-text2=\"\"\n\t\tdata-read-more-icon-position2=\"\"\n\t\tdata-read-more-icon2='[]'\n\n\t\tdata-show-title=\"yes\"\n\t\tdata-title-tag=\"h3\"\n\t\tdata-fallback-image=\"\"\n\n\t\t\/* PRO MERGE *\/\n\t\tdata-custom-field-keys='[]'\n\t\tdata-custom-field-layout=\"cf-horizontal\"\n\n\t\tdata-include-categories='[]'\n\t\tdata-exclude-categories='[&quot;1&quot;,&quot;6&quot;]'\n\t\tdata-selected-categories='[]'\n\n\t\tdata-include-posts=\"\"\n\t\tdata-exclude-posts=\"\"\n\t\tdata-post-offset=\"0\"\n\n\t\tdata-column=\"4\"\n\t\tdata-column-tablet=\"2\"\n\t\tdata-column-mobile=\"1\"\n\n\t\tdata-show-date-separator=\"yes\"\n\t\tdata-show-category-separator=\"yes\"\n\t\tdata-hover-animation=\"\"\n\n\t\t\/* PRO MERGE: image animation *\/\n\t\tdata-image-animation-effect=\"\"\n\t\tdata-zoom-in-scale=\"1.05\"\n\t\tdata-zoom-out-scale=\"0.95\"\n\t\tdata-slide-up-distance=\"20\"\n\t\tdata-slide-down-distance=\"20\"\n\t\tdata-slide-left-distance=\"20\"\n\t\tdata-slide-right-distance=\"20\"\n\t\tdata-image-animation-duration=\"0.5\"\n\n\t\tdata-disable-heading-click=\"no\"\n\t\tdata-disable-thumbnail-click=\"no\"\n\t\tdata-disable-meta-click=\"no\"\n\n\t\tdata-show-product-button=\"yes\"\n\t\tdata-product-add-to-cart-text=\"Add to cart\"\n\t\tdata-product-select-options-text=\"Select options\"\n\t\tdata-show-product-btn-icon=\"yes\"\n\t\tdata-show-product-btn-text=\"yes\"\n\t\tdata-product-btn-icon-position=\"before\"\n\t\tdata-product-button-icon=\"[]\"\n\n\t\t\/* Product Swatches (Dashboard driven) *\/\n\t\tdata-fpg-enable-color-swatches=\"yes\"\n\t\tdata-fpg-swatches-max-show=\"3\"\n\t\tdata-fpg-swatches-show-all=\"no\"\n\t\tdata-fpg-swatches-show-more=\"yes\"\n\n\t\tdata-show-wishlist=\"yes\"\n\n\t\t\/* Grid Connection (A to Z Filter) *\/\n\t\tdata-grid-id=\"grid-21\"\n\t\tdata-current-letter=\"all\" \n\n\t\t\/* FPG Search Filter - Search state *\/\n\t\tdata-current-search=\"\"\n\n\t\t\/* Slider (NEW) *\/\n\t    data-slider-enable=\"0\"\n\t    data-slider-max=\"12\"\n\t    data-slider-arrows=\"0\"\n\t    data-slider-dots=\"0\"\n\t    data-slider-autoplay=\"0\"\n\t    data-slider-delay=\"3000\"\n\t    data-slider-speed=\"450\"\n\t    data-slider-gap=\"20\"\n\t    data-slider-perview-d=\"3\"\n\t    data-slider-perview-t=\"2\"\n\t    data-slider-perview-m=\"1\"\n\t    data-slider-scroll-d=\"1\"\n\t\tdata-slider-scroll-t=\"1\"\n\t\tdata-slider-scroll-m=\"1\"\n\n\n\n\t\tdata-meta-options='[&quot;category&quot;]' style=\"--fpg-cols:4;--fpg-cols-tablet:2;--fpg-cols-mobile:1;gap:20px;\">\n\t<\/div>\n\t<div id=\"pagination-blog-posts-container-69d12d8182829\" class=\"pagination1\"><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2472a97 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"2472a97\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0254f1 section-heading elementor-widget elementor-widget-heading\" data-id=\"d0254f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A\u2013Z Filter with Horizontal Scroll<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0284fff elementor-widget elementor-widget-fpg_a_to_z_filter\" data-id=\"0284fff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fpg_a_to_z_filter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"fpg-a-to-z-filter-wrap fpg-a-to-z-layout-scroll fpg-a-to-z-has-nav\"><button type=\"button\" class=\"fpg-a-to-z-nav fpg-a-to-z-nav-prev\" aria-label=\"Scroll Left\">\r\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 64 64\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path d=\"m25.1 31.2-.9-.9 15.2-15.2 2.4-2.4c1.8-1.8-1-4.7-2.8-2.8-5.7 5.6-11.2 11.1-16.7 16.6l-2.4 2.4c-.8.8-.8 2.1 0 2.8l16.4 16.4 2.3 2.3c1.8 1.8 4.7-1 2.8-2.8-5.4-5.4-10.9-10.9-16.3-16.4z\"><\/path>\r\n\t\t\t<\/svg>\r\n\t\t\t<\/button><div class=\"fpg-a-to-z-filter\" data-target-grid=\"grid-4\"><button type=\"button\" class=\"active\" data-letter=\"all\">All<\/button><button type=\"button\" data-letter=\"A\">A<\/button><button type=\"button\" data-letter=\"B\">B<\/button><button type=\"button\" data-letter=\"C\">C<\/button><button type=\"button\" data-letter=\"D\">D<\/button><button type=\"button\" data-letter=\"E\">E<\/button><button type=\"button\" data-letter=\"F\">F<\/button><button type=\"button\" data-letter=\"G\">G<\/button><button type=\"button\" data-letter=\"H\">H<\/button><button type=\"button\" data-letter=\"I\">I<\/button><button type=\"button\" data-letter=\"J\">J<\/button><button type=\"button\" data-letter=\"K\">K<\/button><button type=\"button\" data-letter=\"L\">L<\/button><button type=\"button\" data-letter=\"M\">M<\/button><button type=\"button\" data-letter=\"N\">N<\/button><button type=\"button\" data-letter=\"O\">O<\/button><button type=\"button\" data-letter=\"P\">P<\/button><button type=\"button\" data-letter=\"Q\">Q<\/button><button type=\"button\" data-letter=\"R\">R<\/button><button type=\"button\" data-letter=\"S\">S<\/button><button type=\"button\" data-letter=\"T\">T<\/button><button type=\"button\" data-letter=\"U\">U<\/button><button type=\"button\" data-letter=\"V\">V<\/button><button type=\"button\" data-letter=\"W\">W<\/button><button type=\"button\" data-letter=\"X\">X<\/button><button type=\"button\" data-letter=\"Y\">Y<\/button><button type=\"button\" data-letter=\"Z\">Z<\/button><\/div><button type=\"button\" class=\"fpg-a-to-z-nav fpg-a-to-z-nav-next\" aria-label=\"Scroll Right\">\r\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 64 64\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path d=\"M42.7 29.6 26.2 13.1l-2.4-2.4c-1.8-1.8-4.7 1-2.8 2.8L37.5 30l.9.9-15 15-2.3 2.3c-1.8 1.8 1 4.7 2.8 2.8l16.4-16.4 2.3-2.3c.9-.6.9-1.9.1-2.7z\"><\/path>\r\n\t\t\t<\/svg>\r\n\t\t\t<\/button><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88c7937 custom-fields-align-h-center elementor-widget elementor-widget-blog_grid_filter\" data-id=\"88c7937\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blog_grid_filter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"blog-grid-filter\" data-unique-id=\"blog-posts-container-69d12d8183793\"><ul class=\"category-filter\" data-unique-id=\"blog-posts-container-69d12d8183793\"><li data-category=\"all\" class=\"active\">All<\/li><li data-category=\"events\">Events<\/li><li data-category=\"news\">News<\/li><li data-category=\"team\">Team<\/li><\/ul><div id=\"blog-posts-container-69d12d8183793\" class=\"blog-posts-container list-layout\"\n\t\tfpg-wl-pos-top-right\n    \tfpg-wl-design-heart\"\n\t\tdata-unique-id=\"blog-posts-container-69d12d8183793\"\n\t\tdata-posts-per-page=\"4\"\n\t\tdata-post-type=\"post\"\n\t\tdata-post-order=\"DESC\"\n\t\tdata-sort-by=\"date\"\n\t\tdata-grid-style=\"list-layout\"\n\n\t\t\/* Phase 1 Popup *\/\n\t\tdata-popup-enabled=\"no\"\n\t\tdata-popup-trigger=\"image_title\"\n\t\tdata-popup-content-source=\"excerpt\"\n\t\tdata-popup-show-image=\"yes\"\n\t\tdata-popup-show-title=\"yes\"\n\t\tdata-popup-show-categories=\"yes\"\n\t\tdata-popup-show-meta=\"yes\"\n\t\tdata-popup-show-custom-fields=\"yes\"\n\t\tdata-popup-meta-options='[&quot;category&quot;]'\n\t\tdata-popup-custom-field-keys='[]'\n\t\tdata-popup-enable-custom-button=\"no\"\n\t\tdata-popup-shortcode=\"\"\n\n\t\tdata-popup-width=\"920\"\n\t\tdata-popup-image-width=\"42\"\n\t\tdata-popup-content-padding=\"32\"\n\t\tdata-popup-border-radius=\"18\"\n\t\tdata-popup-overlay-color=\"rgba(15,23,42,.72)\"\n\t\tdata-popup-bg-color=\"#ffffff\"\n\t\tdata-popup-title-color=\"#111827\"\n\t\tdata-popup-text-color=\"#374151\"\n\t\tdata-popup-meta-color=\"#6b7280\"\n\t\tdata-popup-button-bg=\"#120c7a\"\n\t\tdata-popup-button-text-color=\"#ffffff\"\n\n\n\t\tdata-show-product-rating=\"no\"\n\t\tdata-show-product-price=\"no\"\n\t\tdata-show-product-swatches=\"no\"\n\t\t\n\t\tdata-title-alignment=\"\"\n\t\tdata-description-alignment=\"\"\n\t\tdata-image-resolution=\"custom\"\n\t\tdata-custom-image-width=\"200\"\n\t\tdata-custom-image-height=\"200\"\n\t\tdata-show-excerpt=\"yes\"\n\t\tdata-excerpt-length=\"20\"\n\n\t\tdata-pagination-mode=\"load_more\"\n\t\tdata-load-more-text=\"Load More\"\n\n\t\tdata-show-meta=\"yes\"\n\t\tdata-show-pagination=\"yes\"\n\t\tdata-show-filter=\"\"\n\t\tdata-show-image=\"yes\"\n\t\tdata-gutter=\"20\"\n\n\t\tdata-show-read-more=\"yes\"\n\t\tdata-read-more-text=\"Read More\"\n\t\tdata-show-read-more-icon=\"no\"\n\t\tdata-show-read-more-text=\"yes\"\n\t\tdata-read-more-icon-position=\"\"\n\t\tdata-read-more-icon=''\n\n\t\tdata-show-read-more2=\"\"\n\t\tdata-read-more-text2=\"\"\n\t\tdata-show-read-more-icon2=\"\"\n\t\tdata-show-read-more-text2=\"\"\n\t\tdata-read-more-icon-position2=\"\"\n\t\tdata-read-more-icon2='[]'\n\n\t\tdata-show-title=\"yes\"\n\t\tdata-title-tag=\"h3\"\n\t\tdata-fallback-image=\"\"\n\n\t\t\/* PRO MERGE *\/\n\t\tdata-custom-field-keys='[]'\n\t\tdata-custom-field-layout=\"cf-horizontal\"\n\n\t\tdata-include-categories='[]'\n\t\tdata-exclude-categories='[&quot;1&quot;,&quot;6&quot;,&quot;8&quot;]'\n\t\tdata-selected-categories='[]'\n\n\t\tdata-include-posts=\"\"\n\t\tdata-exclude-posts=\"\"\n\t\tdata-post-offset=\"0\"\n\n\t\tdata-column=\"2\"\n\t\tdata-column-tablet=\"2\"\n\t\tdata-column-mobile=\"1\"\n\n\t\tdata-show-date-separator=\"yes\"\n\t\tdata-show-category-separator=\"yes\"\n\t\tdata-hover-animation=\"\"\n\n\t\t\/* PRO MERGE: image animation *\/\n\t\tdata-image-animation-effect=\"zoom-in\"\n\t\tdata-zoom-in-scale=\"1.05\"\n\t\tdata-zoom-out-scale=\"0.95\"\n\t\tdata-slide-up-distance=\"20\"\n\t\tdata-slide-down-distance=\"20\"\n\t\tdata-slide-left-distance=\"20\"\n\t\tdata-slide-right-distance=\"20\"\n\t\tdata-image-animation-duration=\"0.5\"\n\n\t\tdata-disable-heading-click=\"no\"\n\t\tdata-disable-thumbnail-click=\"no\"\n\t\tdata-disable-meta-click=\"no\"\n\n\t\tdata-show-product-button=\"yes\"\n\t\tdata-product-add-to-cart-text=\"Add to cart\"\n\t\tdata-product-select-options-text=\"Select options\"\n\t\tdata-show-product-btn-icon=\"yes\"\n\t\tdata-show-product-btn-text=\"yes\"\n\t\tdata-product-btn-icon-position=\"before\"\n\t\tdata-product-button-icon=\"[]\"\n\n\t\t\/* Product Swatches (Dashboard driven) *\/\n\t\tdata-fpg-enable-color-swatches=\"yes\"\n\t\tdata-fpg-swatches-max-show=\"3\"\n\t\tdata-fpg-swatches-show-all=\"no\"\n\t\tdata-fpg-swatches-show-more=\"yes\"\n\n\t\tdata-show-wishlist=\"yes\"\n\n\t\t\/* Grid Connection (A to Z Filter) *\/\n\t\tdata-grid-id=\"grid-4\"\n\t\tdata-current-letter=\"all\" \n\n\t\t\/* FPG Search Filter - Search state *\/\n\t\tdata-current-search=\"\"\n\n\t\t\/* Slider (NEW) *\/\n\t    data-slider-enable=\"0\"\n\t    data-slider-max=\"12\"\n\t    data-slider-arrows=\"0\"\n\t    data-slider-dots=\"0\"\n\t    data-slider-autoplay=\"0\"\n\t    data-slider-delay=\"3000\"\n\t    data-slider-speed=\"450\"\n\t    data-slider-gap=\"20\"\n\t    data-slider-perview-d=\"3\"\n\t    data-slider-perview-t=\"2\"\n\t    data-slider-perview-m=\"1\"\n\t    data-slider-scroll-d=\"1\"\n\t\tdata-slider-scroll-t=\"1\"\n\t\tdata-slider-scroll-m=\"1\"\n\n\n\n\t\tdata-meta-options='[&quot;category&quot;]' style=\"--fpg-cols:2;--fpg-cols-tablet:2;--fpg-cols-mobile:1;gap:20px;\">\n\t<\/div>\t<div class=\"fpg-load-more-wrap\">\n\t\t<button type=\"button\" class=\"fpg-load-more\">Load More<\/button>\n\t<\/div>\n\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Flexi Post Grid \u2022 A\u2013Z Filter \u2022 Instant AJAX Sorting Alphabetical Post Filter for WordPress with instant AJAX A\u2013Z sorting This demo showcases Flexi Post Grid\u2019s powerful A\u2013Z Filter widget for WordPress, designed to help users browse posts alphabetically with ease. Visitors can instantly filter content by the first letter of the post title without reloading the page. The A\u2013Z Filter works perfectly for directories, glossaries, product catalogs, team listings, documentation pages, and custom post type archives. You can fully customize the alphabet buttons, spacing, colors, typography, borders, hover effects, and active states to match your website design. Default A\u2013Z Filter All0-9#ABCDEFGHIJKLMNOPQRSTUVWXYZ All Events Interior Design News Team A\u2013Z Filter with Horizontal Scroll AllABCDEFGHIJKLMNOPQRSTUVWXYZ All Events News Team Load More<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6927","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Smart Filters for Post Grids | Flexi Post Grid Elementor<\/title>\n<meta name=\"description\" content=\"Add AJAX smart filters to your post grids with Flexi Post Grid. Let visitors filter posts by category, tag, or custom fields instantly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Smart Filters for Post Grids | Flexi Post Grid Elementor\" \/>\n<meta property=\"og:description\" content=\"Add AJAX smart filters to your post grids with Flexi Post Grid. Let visitors filter posts by category, tag, or custom fields instantly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/\" \/>\n<meta property=\"og:site_name\" content=\"Flexi Post Grid\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-28T08:44:02+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/\",\"url\":\"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/\",\"name\":\"Smart Filters for Post Grids | Flexi Post Grid Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/#website\"},\"datePublished\":\"2026-03-22T16:26:28+00:00\",\"dateModified\":\"2026-03-28T08:44:02+00:00\",\"description\":\"Add AJAX smart filters to your post grids with Flexi Post Grid. Let visitors filter posts by category, tag, or custom fields instantly.\",\"breadcrumb\":{\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creativewebui.com\/flexi-post-grid\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A-Z Filter\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/#website\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/\",\"name\":\"Flexi Post Grid\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/flexipostgrid.creativewebui.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Smart Filters for Post Grids | Flexi Post Grid Elementor","description":"Add AJAX smart filters to your post grids with Flexi Post Grid. Let visitors filter posts by category, tag, or custom fields instantly.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/","og_locale":"en_US","og_type":"article","og_title":"Smart Filters for Post Grids | Flexi Post Grid Elementor","og_description":"Add AJAX smart filters to your post grids with Flexi Post Grid. Let visitors filter posts by category, tag, or custom fields instantly.","og_url":"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/","og_site_name":"Flexi Post Grid","article_modified_time":"2026-03-28T08:44:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/","url":"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/","name":"Smart Filters for Post Grids | Flexi Post Grid Elementor","isPartOf":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/#website"},"datePublished":"2026-03-22T16:26:28+00:00","dateModified":"2026-03-28T08:44:02+00:00","description":"Add AJAX smart filters to your post grids with Flexi Post Grid. Let visitors filter posts by category, tag, or custom fields instantly.","breadcrumb":{"@id":"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/creativewebui.com\/flexi-post-grid\/a-z-filter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativewebui.com\/flexi-post-grid\/"},{"@type":"ListItem","position":2,"name":"A-Z Filter"}]},{"@type":"WebSite","@id":"https:\/\/flexipostgrid.creativewebui.com\/#website","url":"https:\/\/flexipostgrid.creativewebui.com\/","name":"Flexi Post Grid","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flexipostgrid.creativewebui.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/pages\/6927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/comments?post=6927"}],"version-history":[{"count":70,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/pages\/6927\/revisions"}],"predecessor-version":[{"id":7001,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/pages\/6927\/revisions\/7001"}],"wp:attachment":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/media?parent=6927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}