Best Search and filters Apps For 2024

<!doctype html> <html lang="en"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',"GTM-TMHDF2L");</script>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Best Search and filters Apps For 2024 - Shopify App Store</title> <meta name="description" content="Boost your Shopify store with apps for Search and filters. Discover the latest free and premium apps on the Shopify App Store."> <link rel="canonical" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all"> <link rel="icon" type="image/x-icon" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/favicon-3d790b3e382c5c5d7167509177c07784a9b8324b90473d7eb43c83dc1967b97d.png" /> <meta property="og:title" content="Best Search and filters Apps For 2024 - Shopify App Store"> <meta property="og:description" content="Boost your Shopify store with apps for Search and filters. Discover the latest free and premium apps on the Shopify App Store."> <meta property="og:image" content="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/shopify-app-store-og-20221205-765680ea3f7fdd83a99d2af93a4d70f8ee338abd3a3fb2ae4be0e114217a4bde.jpg"> <meta property="og:url" content="https://apps.shopify.com/"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image"> <meta name="robots" content="index"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="9Kcn4B6DU1r9pdACR3osuMjk-IQ5b_G2tl1kdyS1v5C_rKmqxruzqiOW53Egtgk5VSa1K-IN3W1zyS-X2Fs2IQ" /> <meta name="google-site-verification" content="Qu2Oloy2MEBgLgnmmmCTQ-0TuRH40OIOx63D8L8MbYQ"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all" hreflang="x-default"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all" hreflang="en"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=cs" hreflang="cs"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=da" hreflang="da"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=de" hreflang="de"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=es" hreflang="es"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=fi" hreflang="fi"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=fr" hreflang="fr"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=it" hreflang="it"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=ja" hreflang="ja"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=ko" hreflang="ko"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=nb" hreflang="nb"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=nl" hreflang="nl"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=pl" hreflang="pl"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=sv" hreflang="sv"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=th" hreflang="th"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=tr" hreflang="tr"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=zh-CN" hreflang="zh-CN"> <link rel="alternate" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?locale=zh-TW" hreflang="zh-TW"> <script> window.bugsnagApiKey = 'e6295e2834074504b103aaaf32d1afcd'; </script> <script type="text/javascript" id="dux-data" data-mode=production> (function () { function getData(key) { const dux_info = document.getElementById('dux-data'); if (dux_info && dux_info.dataset && dux_info.dataset[key]) { return dux_info.dataset[key]; } return; } function loadScript(src) { const promise = new Promise(function(resolve, reject){ const script = document.createElement('script'); script.src = src; script.async = true; script.onload = () => { resolve(true); }; script.onerror = () => { reject(false); }; document.head.appendChild(script); }); return promise; } loadScript(`https://cdn.shopify.com/shopifycloud/dux/dux-3.4.1.min.js`).then(() => { Dux.init({ service: 'appstore', mode: getData('mode') || 'development', eventHandlerEndpoint: 'https://apps.shopify.com/.well-known/dux', emitTrekkiePageViewEvent: true, enableGtm: true, enableGtmLoader: false, enableActiveConsent: false, shopId: getData('shop_id'), identityUuid: getData('identity_uuid'), }) }); })(); </script>  <script type="text/javascript"> (function() { var config = { 'Trekkie': { 'appName': 'appstore', 'defaultAttributes': { 'shopId': null, 'appHandle': null, 'v2': true }, 'navigationTimingApiMeasurementsEnabled': true, 'navigationTimingApiMeasurementsSampleRate': 0.01, 'isServerSideCookieWritingEnabled': true }, 'Clickstream': { }, 'Optimizely': {} }; var trekkie_version = '2020.07.23.1'; var analytics = window.analytics = window.analytics || []; if (analytics.integrations) { return; } analytics.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; analytics.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); analytics.push(args); return analytics; }; }; for (var i = 0; i < analytics.methods.length; i++) { var key = analytics.methods[i]; analytics[key] = analytics.factory(key); } analytics.load = function(config) { analytics.config = config; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function() { if (window.bugsnagClient) { window.bugsnagClient.notify('Failed to load Trekkie.'); } }; script.async = true; script.src = '//cdn.shopify.com/s/javascripts/tricorder/trekkie.' + config.Trekkie.appName + '.min.js?v=' + trekkie_version; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); }; analytics.load(config); analytics.page(); })(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?l=partnersDataLayer"></script> <script> window.partnersDataLayer = window.partnersDataLayer || []; function gtag(){partnersDataLayer.push(arguments);} gtag('js', new Date()); </script> <link rel="stylesheet" crossorigin="anonymous" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant-e2d47fcb011410afd978aec2c3ba07c9e895f857e7d87a68d1f48f0f9c4cf986.css" integrity="sha256-vOaOSupCc+FyJV6THnF5oVCyemHNuyanWRX5uGMEHho=" /> <link rel="stylesheet" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/tailwind-85c1cd5745718dca057a7b46df64a4cdd8b37df3ea8e3345a44c601bc0d3f3af.css" data-turbo-track="reload" /> <link rel="stylesheet" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/inter-font-7a30f1aa5d0f997bc5f993c436cf84ad0f46c641565f03872359951c99d9fab6.css" data-turbo-track="reload" /> <meta id="i18nData" data-i18n="{"frontend":{"search_suggestions":{"label":"Search","placeholder":"Search apps","search_placeholder":"Search apps, guides, and more","collections_header":"Recommended collections","categories_header":"Categories","taxonomy_and_category_features":"Categories and features","guides_header":"Guides","suggestions_available":"Suggestions are available. Use up and down arrows to select a suggestion and enter key to use it.","instructions":"As you start typing, we might suggest common search terms. Use up and down arrow keys to select a search term.","taxonomy_header":"Categories and collections","ask_about_header":"Ask about apps","clear_search_suggestions":"Clear","mobile_close_button":"Close search","delete_icon":"Delete recent search"},"carousel":{"aria_label":"App carousel","live_region":"Slide %{slide_number} of %{total_slides}"},"lightbox":{"play":"Play carousel","pause":"Pause carousel","carousel_aria_roledescription":"Carousel","slide_nav_aria_label":"Choose slide","slide_aria_roledescription":"Slide","slide_aria_label":"%{currentSlide} of %{totalSlide}"},"review_modal":{"modal_should_close":"Your review will be lost."},"reply_review_modal":{"confirm_should_close":"Your reply will be lost.","confirm_delete":"Delete reply? This can't be undone.","create_title":"Reply to review","create_action":"Submit reply","update_title":"Edit reply","update_action":"Edit reply","errors":{"duplicate":"This review already has a reply.","create":"You can't reply to this review.","update":"This reply is no longer available.","validate":"You can't update this reply because at least one field in the original reply is no longer valid.","general":"Something went wrong. Please try submitting your reply again."}},"helpers":{"toggle":{"expand":"Show more","collapse":"Show less","more":"more","more_html":"+%{count} more"}},"reviews":{"rated_x_stars":{"one":"Rated 1 star","other":"Rated %{count} stars","few":"Rated %{count} stars","many":"Rated %{count} stars"},"listing_cancel_on_create_text":"Your review will be lost.","listing_cancel_on_update_text":"This will delete all edits you made to the review.","listing_delete_review_header":"Delete review?","listing_delete_review_text":"Deleting your review means others will no longer be able to view it and learn from your experience with this app. Consider updating your review with new information instead of deleting it.","review_listing":{"show_full_review":"Show full review","show_full_reply":"Show full reply","show_less":"Show less","helpful_sr_label_helpful":{"one":"Mark as helpful. One person found this review helpful.","other":"Mark as helpful. %{count} people found this review helpful.","few":"Mark as helpful. %{count} people found this review helpful.","many":"Mark as helpful. %{count} people found this review helpful."},"helpful_sr_label_not_helpful":{"one":"Mark as not helpful. One person found this review helpful.","other":"Mark as not helpful. %{count} people found this review helpful.","few":"Mark as not helpful. %{count} people found this review helpful.","many":"Mark as not helpful. %{count} people found this review helpful."},"helpful_auth_to_rate":"Log in to vote this review as helpful.","helpful_feedback_flash_message":"Thank you for your feedback"},"review_create_error":"To leave a review, the app must be currently installed or have been uninstalled within the past 45 days. Also, you must be on a paid Shopify plan and in good standing.","review_update_error":"This review is no longer available.","review_validate_error":"You can’t update this review because at least one field in the original review is no longer valid.","review_general_error":"Something went wrong. Please try submitting your review again later.","review_account_type_error":"Partners can’t leave reviews on the Shopify App Store. Doing so violates our Partner Program Agreement and Acceptable Use Policy.","review_conflict_error":"We removed your previous review to protect the quality of reviews on our marketplace. You can't leave another review for this app."},"replies":{"modal_create_header":"Reply to review","modal_create_body_label":"Provide some guidance to help the reviewer resolve any problems they are having with your app.","modal_create_primary_action":"Submit reply","modal_update_header":"Update reply","modal_update_body_label":"Update your posted reply. The reviewer will be notified of the new content.","modal_update_primary_action":"Update reply","errors":{"duplicate":"This review already has a reply.","create":"You can’t reply to this review.","update":"This reply is no longer available.","validate":"You can’t update this reply because at least one field in the original reply is no longer valid.","general":"Something went wrong. Please try submitting your reply again.","open_from_hash":"The review you’re looking for couldn’t be found."},"cancel_on_create_text":"Your reply will be lost.","cancel_on_update_text":"This will delete all edits you made to the reply.","delete_header":"Delete reply?","delete_text":"Deleting your reply means others will no longer be able to view it. Consider updating your reply with new information instead of deleting it."},"support_interactions":{"feedback_cancel_text":"Your feedback will be lost.","modal_ok_action":"Ok","close":"Close"},"contact_support":{"modal_close_text":"Are you sure?"}}}"> <meta id="monorailVisitorMetadata" data-monorail-visitor-metadata="{"userToken":"51e6fa77-a80b-49fa-b353-d221fca20ad5","sessionToken":"a1344e2a-50ab-426a-971b-fccfa7f57fb4","shopId":null,"locale":"en","clientIp":"8.222.208.146","userAgent":"Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322)","shopPlan":null}"> <script type="text/javascript"> window.I18n = window.I18n || {}; let i18nObjs = [JSON.parse(document.getElementById("i18nData").dataset.i18n)]; window.I18n.data = i18nObjs.reduce(function (accumulator, currentObj) { Object.keys(currentObj).forEach(function (key) { accumulator[key] = currentObj[key]; }); return accumulator; }, {}); window.MonorailVisitorMetadata = JSON.parse(document.getElementById("monorailVisitorMetadata").dataset.monorailVisitorMetadata); </script> <script src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/application_next-5yKB_c6H.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/stimulus-CiiKSaqF.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/decode-7H_ci4_z.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/stimulus-Dd93sZUH.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/client-CaqGOLhX.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/url-helper-B94pzkxz.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/react-BVg_G36Z.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/index-LaIk0l0n.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/BrowserCookieManager-Bfo0rdGW.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/dom-helpers-BHGUo580.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/preload-helper-gXX2zx0f.js" as="script" crossorigin="anonymous"> </head> <body id="CategoriesAll" class="tw-font-sans tw-antialiased tw-min-w-full tw-min-h-screen tw-flex tw-flex-col">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMHDF2L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header id="AppStoreNavbar" data-section-name="global-nav" class="tw-sticky tw-top-0 tw-h-navHeight--mobile lg:tw-h-navHeight--desktop tw-z-[1000] tw-border-b tw-bg-canvas-primary tw-text-fg-primary tw-border-b-stroke-primary"> <nav class="tw-container tw-h-full tw-mx-auto tw-flex tw-items-center tw-justify-between lg:tw-py-sm tw-bg-[inherit] tw-leading-3"> <div class="tw-grow lg:tw-grow-0"> <a class="tw-block tw-h-[28px] md:tw-h-[32px] xl:tw-h-[36px] tw-w-[175px] md:tw-w-[200px] xl:tw-w-[225px]" aria-label="Shopify App Store logo" href="/"> <span role="img"><svg class="tw-h-full" viewBox="0 0 225 36" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M22.17 35.08zM27.01 6.49c-.13-.01-2.63-.05-2.63-.05s-1.53-1.48-2.1-2.05v30.69l8.9-2.21S27.35 6.96 27.32 6.78c-.02-.16-.15-.27-.31-.29ZM20.15 4.43c-.13-.43-.3-.84-.5-1.24-.75-1.43-1.84-2.18-3.16-2.18-.09 0-.18 0-.27.02-.04-.05-.08-.09-.12-.14-.59-.61-1.33-.91-2.21-.89-1.71.05-3.4 1.28-4.78 3.47-.97 1.54-1.71 3.47-1.92 4.97L3.83 9.48c-.99.31-1.02.34-1.15 1.27-.1.7-2.68 20.71-2.68 20.71l21.46 3.71V4.06c-.11 0-.2.03-.26.04l-1.05.33Zm-3.91 1.21-3.62 1.12c.35-1.34 1.01-2.67 1.83-3.55.3-.33.73-.69 1.23-.9.47.99.57 2.38.56 3.32Zm-2.32-4.5c.4 0 .74.08 1.03.27-.5.27-.95.62-1.32 1.03-1.08 1.16-1.91 2.97-2.24 4.71l-2.97.92c.59-2.74 2.88-6.85 5.52-6.93Zm-3.32 15.6c.11 1.83 4.92 2.22 5.19 6.5.21 3.36-1.78 5.67-4.66 5.85-3.45.22-5.35-1.82-5.35-1.82l.73-3.11s1.91 1.44 3.45 1.35c1-.06 1.36-.88 1.32-1.45-.15-2.38-4.06-2.24-4.31-6.15-.21-3.29 1.95-6.63 6.73-6.93 1.84-.12 2.78.35 2.78.35l-1.09 4.08s-1.22-.55-2.66-.46c-2.12.13-2.14 1.47-2.12 1.8Zm6.78-11.45c-.01-.86-.11-2.07-.52-3.1 1.29.25 1.93 1.71 2.2 2.58-.5.15-1.07.33-1.68.52ZM43.88 20.05c-1.05-.59-1.64-1.08-1.64-1.76 0-.87.8-1.42 2.01-1.42 1.11 0 2.07.31 2.63.59l.99-3.03c-.68-.37-1.92-.71-3.55-.71-3.77 0-6.33 2.13-6.33 5.16 0 1.67 1.21 2.97 2.81 3.89 1.27.74 1.76 1.27 1.76 2.04s-.65 1.45-1.89 1.45c-1.33.03-2.69-.53-3.46-.93l-1.05 3.03c.8.56 2.44 1.02 4.17 1.05 3.86.03 6.61-1.89 6.61-5.28 0-1.82-1.39-3.09-3.06-4.08ZM59.14 13.72c-1.89 0-3.37.9-4.51 2.26l-.06-.03 1.64-8.59h-4.26l-4.14 21.79h4.26l1.42-7.42c.56-2.81 2.01-4.54 3.37-4.54.96 0 1.33.65 1.33 1.58 0 .59-.06 1.27-.19 1.89l-1.61 8.5h4.26l1.67-8.78c.19-.93.31-2.04.31-2.78 0-2.41-1.27-3.86-3.49-3.86ZM72.44 13.72c-5.13 0-8.53 4.64-8.53 9.8 0 3.28 2.04 5.93 5.87 5.93h.03c5.01 0 8.41-4.51 8.41-9.77 0-3.06-1.79-5.96-5.78-5.96Zm-2.1 12.45h-.03c-1.42 0-2.04-1.21-2.04-2.78 0-2.41 1.27-6.4 3.59-6.4 1.51 0 2.01 1.27 2.01 2.57 0 2.6-1.27 6.61-3.52 6.61ZM88.96 13.72c-1.7 0-3.37.93-4.51 2.5h-.06l.25-2.26h-3.77c-.19 1.55-.53 3.86-.87 5.66L77.03 35.2h4.26l1.17-6.3h.09c.49.31 1.45.56 2.5.56 5.01 0 8.28-5.13 8.28-10.32 0-2.84-1.27-5.41-4.39-5.41Zm-4.08 12.51c-.77 0-1.3-.25-1.76-.62l.71-3.99c.49-2.63 1.89-4.39 3.37-4.39 1.3 0 1.7 1.21 1.7 2.35 0 2.75-1.64 6.64-4.02 6.64ZM93.02 29.14h4.27l2.87-15.11H95.9l-2.88 15.11zM98.99 7.57c-1.36 0-2.44 1.08-2.44 2.47 0 1.27.8 2.13 2.01 2.13h.03c1.33 0 2.5-.9 2.5-2.47 0-1.24-.8-2.13-2.1-2.13ZM110.88 14.03h-2.94l.12-.71c.28-1.48 1.11-2.78 2.57-2.78.46 0 .92.07 1.36.22l.8-3.34c-.49-.22-1.27-.37-2.32-.37-1.48 0-3.03.43-4.17 1.42-1.45 1.24-2.13 3.03-2.47 4.85l-.12.71h-1.98l-.62 3.18h1.98l-2.26 11.93h4.26l2.26-11.93h2.94l.59-3.18ZM118.87 20.79c-.62 1.64-.93 2.6-1.27 3.62h-.06c-.06-.99-.19-2.07-.37-3.59l-.68-6.8h-4.48l2.57 13.88c.06.31.03.49-.09.71-.49.96-1.33 1.89-2.32 2.57-.8.59-1.7.96-2.41 1.21l1.17 3.62c.87-.19 2.66-.9 4.17-2.32 1.95-1.82 3.74-4.64 5.59-8.47l5.22-11.19h-4.45l-2.6 6.77ZM141.36 14.43c-.77-.28-1.95-.43-3-.43-5.75 0-9.36 5.87-9.36 10.94 0 2.66 1.36 4.51 3.62 4.51 1.95 0 3.83-1.02 5.53-4.3h.06c-.22 1.67-.4 3.09-.37 3.99h1.3c-.06-1.58.12-3.96.65-6.74l1.58-7.97Zm-2.59 6.4c-.71 3.83-3.43 7.45-5.84 7.45-2.01 0-2.57-1.73-2.53-3.68.03-4.67 3.37-9.43 7.63-9.43.93 0 1.45.09 1.79.22l-1.05 5.44ZM150.97 14c-1.98 0-3.83 1.27-5.16 3.31h-.06l.46-3h-1.27c-.19 1.36-.46 3.15-.83 5.1l-2.97 15.79h1.33l1.17-6.4h.06c.56.31 1.51.65 2.97.65 4.73 0 8.16-5.62 8.16-10.63 0-2.44-1.05-4.82-3.86-4.82Zm-4.17 14.27c-1.21 0-2.19-.31-2.87-.83l.96-5.1c.83-4.48 3.59-7.17 5.69-7.17s2.87 1.98 2.87 3.74c0 3.8-2.72 9.36-6.64 9.36ZM164.82 14c-1.98 0-3.83 1.27-5.16 3.31h-.06l.46-3h-1.27c-.19 1.36-.46 3.15-.83 5.1l-2.97 15.79h1.33l1.17-6.4h.06c.56.31 1.51.65 2.97.65 4.73 0 8.16-5.62 8.16-10.63 0-2.44-1.05-4.82-3.86-4.82Zm-4.17 14.27c-1.21 0-2.19-.31-2.87-.83l.96-5.1c.83-4.48 3.59-7.17 5.69-7.17s2.87 1.98 2.87 3.74c0 3.8-2.72 9.36-6.64 9.36ZM176.53 18.2c0 1.39.8 2.72 2.29 3.68 1.39.9 2.01 1.79 2.01 3.28 0 1.7-1.33 3.09-3.28 3.09-1.08 0-2.07-.43-2.6-.83l-.53 1.11c.49.4 1.67.9 3 .9 2.57 0 4.76-1.64 4.76-4.64 0-1.51-.87-2.87-2.29-3.83-1.21-.83-2.01-1.61-2.01-3 0-1.51 1.21-2.78 3-2.78.87 0 1.64.34 2.1.62l.49-1.14c-.43-.34-1.42-.65-2.44-.65-2.63 0-4.51 1.89-4.51 4.2ZM188.22 28.24c-.93 0-1.33-.53-1.33-1.39 0-.8.12-1.58.31-2.57l1.64-8.84h3.49l.25-1.14h-3.49l.65-3.25-1.48.59-.49 2.66h-2.16l-.22 1.14h2.13l-1.67 8.84c-.25 1.14-.34 1.92-.34 2.72 0 1.24.68 2.41 2.44 2.41.53 0 1.05-.09 1.45-.22l-.09-1.08c-.28.09-.59.12-1.08.12ZM199.65 14c-4.51 0-7.32 5.38-7.32 9.7 0 3.06 1.51 5.75 4.73 5.75h.03c4.79 0 7.29-5.93 7.29-9.74 0-2.69-1.17-5.72-4.73-5.72Zm-2.38 14.27h-.03c-2.32 0-3.52-2.1-3.52-4.7 0-3.8 2.35-8.41 5.81-8.41 2.72 0 3.46 2.6 3.46 4.54 0 3.55-2.35 8.56-5.72 8.56ZM214.12 14.03c-.15 0-.37-.03-.56-.03-1.85 0-3.34 1.58-4.23 3.55h-.06c.16-1.08.29-2.16.4-3.25h-1.21c-.12 1.3-.34 2.97-.71 4.85l-1.89 9.98h1.33l1.42-7.54c.62-3.25 2.78-6.18 4.73-6.18.22 0 .37 0 .49.03l.28-1.42ZM224.16 17.24c0-1.67-1.02-3.25-3.46-3.25-4.23 0-7.23 5.59-7.23 9.86 0 2.84 1.21 5.56 4.67 5.56 1.85 0 3.28-.59 4.05-1.11l-.4-1.05c-.68.4-1.79.99-3.43.99s-2.72-.83-3.25-2.5c-.31-1.08-.28-3.03-.12-3.71 4.85.03 9.18-1.02 9.18-4.79Zm-3.71-2.07c1.39 0 2.32.74 2.32 2.1v.03c0 2.94-3.71 3.59-7.57 3.55.93-3.21 2.97-5.69 5.25-5.69Z"/> </svg> </span> </a> </div> <div class="tw-bg-[inherit] tw-flex tw-flex-grow-0 tw-justify-center tw-items-center lg:tw-px-8 lg:tw-flex-grow"> <div class="search-component tw-w-full tw-max-w-[500px]"> <button name="button" type="submit" class="tw-block tw-w-5 tw-h-full tw-bg-no-repeat tw-bg-center lg:tw-hidden" data-module="ui-search-navbar__activator" aria-label="Search"> <span role="img"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2 8a6 6 0 1 1 12.01.01A6 6 0 0 1 2 8Zm17.7 10.3-5.39-5.4A8 8 0 1 0 0 8a8 8 0 0 0 12.9 6.31l5.4 5.4a1 1 0 1 0 1.4-1.42Z"/></svg> </span> <span class="tw-hidden" aria-hidden="true"> Search </span> </button> <form id="UiSearchInputForm" data-source="autocomplete" class="tw-hidden tw-m-0 tw-relative lg:tw-block" action="/search" accept-charset="UTF-8" method="get"> <div class="tw-absolute tw-top-1/2 -tw-translate-y-1/2 tw-translate-x-lg tw-bg-fg-secondary tw-w-[20px] tw-h-[20px] [mask-image:url(merchant/navbar/search-icon)] [mask-repeat:no-repeat] [mask-position:center] [mask-size:20px] tw-skew-x-0 tw-skew-y-0 tw-rotate-0 tw-scale-x-100 tw-scale-y-100"> </div> <input type="search" name="q" id="q" placeholder="Search apps, guides, and more" class="js-monorail-element-click-tracking tw-w-full tw-max-w-[31.25rem] tw-h-12 tw-border-stroke-primary tw-bg-input-canvas-default tw-border tw-rounded-2xl tw-pl-[44px] tw-pr-14 tw-text-input-default tw-text-fg-primary placeholder:tw-text-fg-tertiary webkit-search-cancel-button:tw-hidden" autocomplete="off" /> </form></div> <div class="tw-bg-[inherit]"> <div class="tw-hidden tw-ml-xl lg:tw-block tw-bg-[inherit]"> <div class="megamenu-component tw-bg-[inherit]"> <button class="tw-group tw-flex tw-whitespace-nowrap tw-items-center tw-text-link-md tw-border-b-2 tw-border-transparent hover:tw-border-[inherit] tw-bg-[inherit] tw-py-2xs" type="button" data-expandable-content data-has-overlay data-open-for-breakpoint="lg" data-content-id="AppStoreMegamenu"> Browse apps <div class="tw-transition-transform tw-origin-center tw-duration-300 tw-rotate-0 tw-ease-out group-[.tw-active]:tw-rotate-180 tw-ml-1.5"> <span role="img"><svg width="10" height="6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.78.22c.3.3.3.77 0 1.06L5.53 5.53c-.3.3-.77.3-1.06 0L.22 1.28A.75.75 0 0 1 1.28.22L5 3.94 8.72.22c.3-.3.77-.3 1.06 0Z"/></svg> </span> </div> </button> <div id="AppStoreMegamenu" class="tw-fixed tw-overflow-hidden tw-left-0 tw-top-[4.5rem] -tw-mt-1 tw-w-full tw-invisible -tw-translate-y-full tw-transition-[visibility,transform] tw-duration-300 tw-ease-out tw-bg-[inherit] tw-z-[-1] [&.tw-active]:tw-visible [&.tw-active]:tw-translate-y-0"> <div class="tw-container tw-flex tw-flex-nowrap tw-pt-xl tw-pb-2xl tw-mx-auto tw-min-h-[350px]"> <div class="tw-w-8/12 tw-pr-xl"> <h2 class="tw-text-body-sm tw-pb-sm tw-opacity-60">Apps by category</h2> <ul class="tw-grid tw-grid-cols-2 tw-grid-flow-row tw-gap-xl"> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Sales channels" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/sales-channels?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Sales channels </span> <p class="tw-text-body-sm tw-opacity-60"> Sync products with marketplaces, product feeds, data backup, point of sale, retail </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Finding products" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/finding-products?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Finding products </span> <p class="tw-text-body-sm tw-opacity-60"> Source products with dropshipping, print on demand, wholesale, suppliers </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Selling products" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/selling-products?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Selling products </span> <p class="tw-text-body-sm tw-opacity-60"> Sell more with subscriptions, digital downloads, payments, COD, product options </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Orders and shipping" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/orders-and-shipping?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Orders and shipping </span> <p class="tw-text-body-sm tw-opacity-60"> Handle fulfillment with order tracking, invoices, order printers, shipping labels </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Store design" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/store-design?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Store design </span> <p class="tw-text-body-sm tw-opacity-60"> Customize storefronts with SEO, translation, currency converters, trust badges </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Marketing and conversion" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/marketing-and-conversion?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Marketing and conversion </span> <p class="tw-text-body-sm tw-opacity-60"> Get customers with reviews, bundles, upsells, checkout, email marketing </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Store management" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/store-management?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Store management </span> <p class="tw-text-body-sm tw-opacity-60"> Scale up with support, chat, FAQs, analytics, workflow automation </p> </a> </li> </ul> </div> <div class="tw-w-4/12 tw-pl-xl tw-relative before:tw-content-[''] before:tw-absolute before:tw-top-0 before:tw-left-0 before:tw-h-full before:tw-border-l before:tw-border-solid before:tw-border-[inherit] before:tw-opacity-20"> <ul class="tw-grid tw-gap-xl"> <li> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="merchant-tech-stack-country-life-foods" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/merchant-tech-stack-country-life-foods?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small@2x-42372e08e9b91f994b24057ca2a2e5e709172b8ab65bed19b0d03ae6fda04c3f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Merchant tech stack</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Country Life Foods</span> </div> </div> </a> </li> <li> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="spotlight-app-loox" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/spotlight-app-loox?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small@2x-acf08800c5ba0fd708a066607ce1adc7df1990c2d3889d878d5d169c9589497f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Featured app</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Turn happy customers into advocates with Loox</span> </div> </div> </a> </li> <li> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="guide-pre-orders" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small@2x-8656333e60aace4c136f23e08fe5731fc2928ebbfa67b67443bc7e1b44818fc4.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Guide</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Drive demand for new products</span> </div> </div> </a> </li> <li class="tw-group/app-stories"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="all-app-stories" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories?surface_detail=whats-new&surface_type=navbar"> <span class="tw-text-heading-md group-hover/app-stories:tw-border-b group-hover/app-stories:tw-pb-2xs"> All app stories </span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="tw-flex tw-flex-nowrap tw-flex-row tw-items-center"> <button class="tw-nav-hamburger tw-block tw-w-5 tw-h-5 tw-bg-no-repeat tw-bg-center tw-ml-lg lg:tw-hidden" type="button" aria-label="Menu"> <span role="img"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16"><path d="M19 9H1a1 1 0 0 1 0-2h18a1 1 0 1 1 0 2Zm0-7H1a1 1 0 0 1 0-2h18a1 1 0 1 1 0 2Zm0 14H1a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2Z"/></svg> </span> </button> <div class="tw-hidden lg:tw-inline"> <div class="login-logout-component"> <a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 js-monorail-element-click-tracking tw-border-transparent hover:tw-text-fg-primary hover:tw-border-fg-primary" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="log-in-btn" data-element-group="nav-bar-megamenu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Fcategories%2Fstore-design-search-and-navigation-search-and-filters%2Fall%3Ffeature_handles%255B%255D%3Dsearch_and_filters.search_features.stop_words%26show_store_picker%3D1%26surface_detail%3Dsearch-and-discovery%26surface_type%3Dapp_details&return_to=%2Fcategories%2Fstore-design-search-and-navigation-search-and-filters%2Fall%3Ffeature_handles%255B%255D%3Dsearch_and_filters.search_features.stop_words%26surface_detail%3Dsearch-and-discovery%26surface_type%3Dapp_details"> Log in</a> </div> </div> <div class="tw-hidden lg:tw-inline lg:tw-ml-6"> <div class="signup-component"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md js-monorail-element-click-tracking tw-w-full" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="get-started-btn" data-element-group="nav-bar-megamenu" href="https://accounts.shopify.com/store-create?_s=a1344e2a-50ab-426a-971b-fccfa7f57fb4&_y=51e6fa77-a80b-49fa-b353-d221fca20ad5&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fcategories%2Fstore-design-search-and-navigation-search-and-filters%2Fall%3Ffeature_handles%255B%255D%3Dsearch_and_filters.search_features.stop_words%26surface_detail%3Dsearch-and-discovery%26surface_type%3Dapp_details&signup_types%5B%5D=paid_trial_experience"> Sign up </a> </div> </div> </div> </nav> </header> <div data-section-name="global-nav" class="tw-group tw-appstore-side-navbar tw-w-full tw-h-full tw-bg-canvas-primary tw-bottom-0 tw-overflow-y-auto tw-fixed tw-top-0 tw-right-0 tw-z-[1001] tw-invisible tw-translate-x-full sm:tw-w-96 lg:tw-will-change-auto [&.tw-is-open]:tw-translate-x-0 [&.tw-is-open]:tw-visible" role="dialog" aria-label="Main navigation" aria-modal="true"> <div class="side-menu-component tw-h-full tw-container"> <div class="tw-min-h-full tw-flex tw-flex-col"> <div class="tw-flex tw-justify-end tw-h-navHeight--mobile tw-items-center tw-shrink-0"> <button name="button" type="button" class="tw-appstore-side-menu__close-button tw-bg-no-repeat tw-bg-center tw-box-content tw-h-5 tw-w-5" style="background-image: url(https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/navbar/close-d8135512b5f5d89ef5d4c8ae94041d79fcc8addea0e1b4adf07547db4197b4b8.svg); background-size: 1.25rem" aria-label="close" data-ga-event="Main Nav" data-ga-action="close navigation" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="close-side-menu" data-element-group="side-menu"></button> </div> <div class="tw-flex tw-flex-col tw-pb-xl tw-grow tw-gap-y-8 tw-justify-between"> <div class="tw-pb-8"> <div aria-hidden="true" class="tw-text-heading-md tw-text-fg-tertiary tw-mb-md"> Apps by category </div> <ul aria-label="Apps by category"> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Sales channels" data-element-group="side-menu" href="https://apps.shopify.com/categories/sales-channels?surface_detail=navbar-categories&surface_type=navbar">Sales channels</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Finding products" data-element-group="side-menu" href="https://apps.shopify.com/categories/finding-products?surface_detail=navbar-categories&surface_type=navbar">Finding products</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Selling products" data-element-group="side-menu" href="https://apps.shopify.com/categories/selling-products?surface_detail=navbar-categories&surface_type=navbar">Selling products</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Orders and shipping" data-element-group="side-menu" href="https://apps.shopify.com/categories/orders-and-shipping?surface_detail=navbar-categories&surface_type=navbar">Orders and shipping</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Store design" data-element-group="side-menu" href="https://apps.shopify.com/categories/store-design?surface_detail=navbar-categories&surface_type=navbar">Store design</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Marketing and conversion" data-element-group="side-menu" href="https://apps.shopify.com/categories/marketing-and-conversion?surface_detail=navbar-categories&surface_type=navbar">Marketing and conversion</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="Store management" data-element-group="side-menu" href="https://apps.shopify.com/categories/store-management?surface_detail=navbar-categories&surface_type=navbar">Store management</a> </li> </ul> <div aria-hidden="true" class="tw-text-heading-md tw-text-fg-tertiary tw-mt-xl tw-mb-md"> App stories </div> <ul aria-label="App stories"> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="merchant-tech-stack-country-life-foods" data-element-group="side-menu" href="https://apps.shopify.com/stories/merchant-tech-stack-country-life-foods?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small@2x-42372e08e9b91f994b24057ca2a2e5e709172b8ab65bed19b0d03ae6fda04c3f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Merchant tech stack</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Country Life Foods</span> </div> </div> </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="spotlight-app-loox" data-element-group="side-menu" href="https://apps.shopify.com/stories/spotlight-app-loox?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small@2x-acf08800c5ba0fd708a066607ce1adc7df1990c2d3889d878d5d169c9589497f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Featured app</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Turn happy customers into advocates with Loox</span> </div> </div> </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="guide-pre-orders" data-element-group="side-menu" href="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small@2x-8656333e60aace4c136f23e08fe5731fc2928ebbfa67b67443bc7e1b44818fc4.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Guide</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Drive demand for new products</span> </div> </div> </a> </li> <li class="tw-mt-8"> <a class="js-monorail-element-click-tracking tw-text-heading-md hover:tw-border-b hover:tw-pb-2xs" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="all-app-stories" data-element-group="side-menu" href="https://apps.shopify.com/stories?surface_detail=whats-new&surface_type=navbar">All app stories</a> </li> </ul> </div> <div> <ul> <li class="tw-mb-md"> <div class="signup-component"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md js-monorail-element-click-tracking tw-w-full" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="get-started-btn" data-element-group="side-menu" href="https://accounts.shopify.com/store-create?_s=a1344e2a-50ab-426a-971b-fccfa7f57fb4&_y=51e6fa77-a80b-49fa-b353-d221fca20ad5&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fcategories%2Fstore-design-search-and-navigation-search-and-filters%2Fall%3Ffeature_handles%255B%255D%3Dsearch_and_filters.search_features.stop_words%26surface_detail%3Dsearch-and-discovery%26surface_type%3Dapp_details&signup_types%5B%5D=paid_trial_experience"> Sign up </a> </div> </li> <li> <div class="login-logout-component"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md js-monorail-element-click-tracking tw-w-full" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="all" data-element="log-in-btn" data-element-group="side-menu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Fcategories%2Fstore-design-search-and-navigation-search-and-filters%2Fall%3Ffeature_handles%255B%255D%3Dsearch_and_filters.search_features.stop_words%26show_store_picker%3D1%26surface_detail%3Dsearch-and-discovery%26surface_type%3Dapp_details&return_to=%2Fcategories%2Fstore-design-search-and-navigation-search-and-filters%2Fall%3Ffeature_handles%255B%255D%3Dsearch_and_filters.search_features.stop_words%26surface_detail%3Dsearch-and-discovery%26surface_type%3Dapp_details"> Log in </a> </div> </ul> </div> </div> </div> </div> </div> <div data-section-name="global-nav" class="tw-group tw-appstore-side-search tw-w-full tw-h-full tw-bg-canvas-primary tw-bottom-0 tw-overflow-y-auto tw-fixed tw-top-0 tw-right-0 tw-z-[1001] tw-invisible tw-translate-x-full sm:tw-w-96 lg:tw-will-change-auto [&.tw-is-open]:tw-translate-x-0 [&.tw-is-open]:tw-visible sm:tw-w-full sm:tw-h-16 sm:tw-overflow-visible sm:tw-pb-0" role="dialog" aria-label="Main navigation" aria-modal="true"> <div id="UiSearchNavbar" class="tw-h-full tw-container"> <form id="UiSearchSuggestionForm" class="tw-w-full sm:tw-relative tw-flex tw-items-center sm:tw-h-full" action="/search" role="search" data-source="autocomplete"> <input type="hidden" name="st_source" id="st_source" value="" autocomplete="off" /> </form> </div> </div> <main class="tw-grow"> <section class="modular-page-section"> <section class="tw-bg-canvas-primary tw-border-b tw-border-stroke-primary"> <div class="tw-container"> <nav aria-label="breadcrumb"> <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="tw-flex tw-gap-sm tw-py-md tw-overflow-auto"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="tw-whitespace-nowrap after:tw-content-['›'] after:tw-pl-sm last:after:tw-content-none tw-text-fg-primary"> <a class="tw-group tw-text-body-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="category" data-element="breadcrumb" data-element-group="Store design" itemprop="item" href="https://apps.shopify.com/categories/store-design?surface_detail=store-design-search-and-navigation-search-and-filters&surface_type=category&surface_version=redesign"> <span itemprop="name"> Store design</span></a> <meta itemprop="position" content="1"> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="tw-whitespace-nowrap after:tw-content-['›'] after:tw-pl-sm last:after:tw-content-none tw-text-fg-primary"> <a class="tw-group tw-text-body-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="category" data-element="breadcrumb" data-element-group="Search and navigation" itemprop="item" href="https://apps.shopify.com/categories/store-design-search-and-navigation?surface_detail=store-design-search-and-navigation-search-and-filters&surface_type=category&surface_version=redesign"> <span itemprop="name"> Search and navigation</span></a> <meta itemprop="position" content="2"> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="tw-whitespace-nowrap after:tw-content-['›'] after:tw-pl-sm last:after:tw-content-none tw-text-fg-primary"> <span itemprop="name" class="tw-text-body-sm" aria-current="page">Search and filters</span> <meta itemprop="position" content="3"> </li> </ol> </nav> </div> </section> <section class="tw-bg-canvas-secondary tw-border-stroke-primary tw-border-b tw-py-xl md:tw-py-2xl"> <div class="tw-container"> <div class="lg:tw-w-2/3"> <h1 class="tw-text-heading-xl tw-pb-sm"> Search and filter apps </h1> <h4 class="tw-text-body-xl tw-text-fg-secondary"> Help customers find what they’re looking for fast with a search bar that can handle anything they type in. </h4> </div> </div> </section> <div class="tw-container" style=""> <div data-controller="app-comparison-wrapper" data-action=" app-card:selected->app-comparison-wrapper#handleAppCardSelected app-card:deselected->app-comparison-wrapper#handleAppCardDeselected " data-app-comparison-wrapper-tracking-params-value="surface_detail=store-design-search-and-navigation-search-and-filters&surface_type=category&surface_version=redesign"> <div data-controller="filter-reload"> <div class="tw-mt-lg tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-flex-wrap tw-gap-m"> <div class="tw-flex tw-flex-row"> <span id="app-count" class="tw-inline tw-self-center tw-text-body-md tw-text-fg-tertiary tw-pr-lg"> 19 apps with </span> <div id="features-filter-button-component"> <div class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm tw-py-xs"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm tw-flex tw-items-center tw-px-sm tw-gap-xs data-[selected=true]:tw-bg-canvas-tertiary data-[selected=true]:tw-border-stroke-secondary" href="/categories/store-design-search-and-navigation-search-and-filters/all?surface_detail=search-and-discovery&surface_type=app_details" data-selected="true"> <div class="tw-flex tw-items-center"> <span class="tw-inline-block tw-text-label-md tw-text-fg-primary tw-py-xs tw-px-xs tw-pr-2 tw-bg-[left_center] tw-bg-no-repeat tw-bg-[length:12px_8px] md:tw-bg-[length:17px_10px] tw-border-r tw-border-stroke-secondary"> Stop words </span> <div class="tw-pl-3 tw-flex tw-items-center tw-right-1 tw-h-full tw-pr-3"> <span role="img"><svg class="tw-block tw-w-[9px] tw-h-[9px]" width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.08.58a1.125 1.125 0 0 1 1.59 0L7.5 5.41 12.33.58a1.125 1.125 0 1 1 1.59 1.59L9.09 7l4.83 4.83a1.126 1.126 0 1 1-1.59 1.59L7.5 8.59l-4.83 4.83a1.125 1.125 0 0 1-1.59-1.59L5.91 7 1.08 2.17a1.125 1.125 0 0 1 0-1.59Z" fill="#000000"/> </svg> </span> </div> </div> </a> </div> </div> </div> <div class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm tw-py-xs tw-px-lg -tw-ml-lg sm:tw-p-0 sm:tw-ml-0 tw-overflow-auto sm:tw-overflow-visible"> <div id="filter-button-component"> <div class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm tw-py-xs"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm tw-flex tw-items-center tw-px-sm tw-gap-xs data-[selected=true]:tw-bg-canvas-accent-blue data-[selected=true]:tw-border-stroke-accent-blue" href="/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details&programs%5B%5D=built_for_shopify" data-selected="false"> <span class="tw-text-label-md tw-text-fg-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </a> </div> </div> <div id="compare-component"> <span class="tw-group" data-app-comparison-wrapper-target="toggle"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm group-[.selected]:tw-bg-canvas-secondary" data-action="click->app-comparison-wrapper#toggleCompareMode"> <span class="tw-inline-block tw-text-label-md tw-text-fg-primary tw-py-xs tw-pl-4 md:tw-pl-[23px] tw-bg-[left_center] tw-bg-no-repeat tw-bg-[length:12px_12px] md:tw-bg-[length:14px_14px]" style="background-image: url(https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/icons/compare-7c58cdd61a3bd3847df6ffb2898ff9c1483eb6a746017a9055d962cf00c12def.svg)"> Compare </span> <span class="tw-hidden group-[.selected]:tw-inline tw-border-l tw-border-stroke-secondary tw-pl-2 tw-ml-1" aria-label="close"> <img class="tw-inline tw-w-[9px] tw-h-[9px]" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/filter/close-50e35eb3cb7894ea76af06d00d82b736647a25e1b9f1bd7200c7f6fb51b0da00.svg" /> </span> </button></span> </div> </div> </div> <div id="app_grid-loading" class="hide"> <section class="results-skeleton-component tw-mt-xl md:tw-mt-2xl"> <div class="tw-grid tw-grid-cols-1 tw-grid-flow-dense tw-items-start tw-gap-gutter--mobile lg:tw-gap-x-8 md:tw-gap-y-10 tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4"> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> </div> </section> </div> <div id="app_grid-fallback" class="hide"> <section class="result-error-component tw-w-full tw-content-center tw-justify-center tw-m-auto tw-h-[50vh] tw-flex tw-flex-row tw-space-x-2 tw-items-center tw-text-fg-secondary tw-justify-center tw-text-center tw-py-16 tw-text-body-md"> <span>We are having trouble loading your results.</span> <a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 " href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details"> Try again </a></section> </div> <div id="app_grid-content"> <turbo-frame data-deferred-load="true" data-turbo="false" data-autoscroll-behaviour="before-fetch" data-autoscroll-target="app_grid" id="app_grid"> <div class="tw-grid tw-grid-flow-dense tw-gap-gutter--mobile lg:tw-gap-x-gutter--desktop tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-my-lg lg:tw-my-2xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="search-and-discovery" data-app-card-name-value="Shopify Search & Discovery" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/icon/CM_yj4Kah4ADEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/search-and-discovery?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=1&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/icon/CM_yj4Kah4ADEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/icon/CM_yj4Kah4ADEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/icon/CM_yj4Kah4ADEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/search-and-discovery?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=1&surface_type=category&surface_version=redesign" class=""> Shopify Search & Discovery </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.6 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(1,269)</span> <span class="tw-sr-only">1269 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Customize your storefront search and discovery experience </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="rebuy" data-app-card-name-value="Rebuy Personalization Engine" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/9a87fc6fa46c1e06f03627e9ef094b51/icon/CLHN0M2Pi_wCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/rebuy?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=2&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/9a87fc6fa46c1e06f03627e9ef094b51/icon/CLHN0M2Pi_wCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/9a87fc6fa46c1e06f03627e9ef094b51/icon/CLHN0M2Pi_wCEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/9a87fc6fa46c1e06f03627e9ef094b51/icon/CLHN0M2Pi_wCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/rebuy?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=2&surface_type=category&surface_version=redesign" class=""> Rebuy Personalization Engine </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.8 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(751)</span> <span class="tw-sr-only">751 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> AI recommendations: cart, checkout, and post-purchase upsells </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="product-filter-search" data-app-card-name-value="Boost AI Search & Filter" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/d4172f8181a20b56ade67cc448fac594/icon/CPq2w4rmtf4CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/product-filter-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=3&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/d4172f8181a20b56ade67cc448fac594/icon/CPq2w4rmtf4CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/d4172f8181a20b56ade67cc448fac594/icon/CPq2w4rmtf4CEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/d4172f8181a20b56ade67cc448fac594/icon/CPq2w4rmtf4CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/product-filter-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=3&surface_type=category&surface_version=redesign" class=""> Boost AI Search & Filter </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.7 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(1,967)</span> <span class="tw-sr-only">1967 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Increase sales with an advanced AI Search Bar & Custom Filters </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="searchanise" data-app-card-name-value="Searchanise Search & Filter" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/543e5094f4dc166bd6de54ff98c7e80e/icon/CPTl8uCS3v0CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/searchanise?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=4&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/543e5094f4dc166bd6de54ff98c7e80e/icon/CPTl8uCS3v0CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/543e5094f4dc166bd6de54ff98c7e80e/icon/CPTl8uCS3v0CEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/543e5094f4dc166bd6de54ff98c7e80e/icon/CPTl8uCS3v0CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/searchanise?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=4&surface_type=category&surface_version=redesign" class=""> Searchanise Search & Filter </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.7 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(1,686)</span> <span class="tw-sr-only">1686 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Increase sales with smart search result pages & custom filters </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="ultimate-search-and-filter-1" data-app-card-name-value="AI Search & Product Filter |SB" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/b919da6d5ebc14aec79291ee451ae3fa/icon/CKjb1ILPn-8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/ultimate-search-and-filter-1?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=5&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/b919da6d5ebc14aec79291ee451ae3fa/icon/CKjb1ILPn-8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/b919da6d5ebc14aec79291ee451ae3fa/icon/CKjb1ILPn-8CEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/b919da6d5ebc14aec79291ee451ae3fa/icon/CKjb1ILPn-8CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/ultimate-search-and-filter-1?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=5&surface_type=category&surface_version=redesign" class=""> AI Search & Product Filter |SB </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.6 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(582)</span> <span class="tw-sr-only">582 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Increase sales with AI search, custom filters, merchandising. </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="algolia-search" data-app-card-name-value="Algolia AI Search & Discovery" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/df5eea6375c938fb30ff095238fd154e/icon/CLmzsKjGjfsCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/algolia-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=6&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/df5eea6375c938fb30ff095238fd154e/icon/CLmzsKjGjfsCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/df5eea6375c938fb30ff095238fd154e/icon/CLmzsKjGjfsCEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/df5eea6375c938fb30ff095238fd154e/icon/CLmzsKjGjfsCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/algolia-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=6&surface_type=category&surface_version=redesign" class=""> Algolia AI Search & Discovery </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(43)</span> <span class="tw-sr-only">43 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Drive higher conversions and shopper engagement at scale </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="impresee-vsearch" data-app-card-name-value="Impresee’s Smart Search Bar" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/4bbcc4ff91d3238f88128c1f0e649e04/icon/CJSCwfvHrvECEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/impresee-vsearch?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=7&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/4bbcc4ff91d3238f88128c1f0e649e04/icon/CJSCwfvHrvECEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/4bbcc4ff91d3238f88128c1f0e649e04/icon/CJSCwfvHrvECEAE=.jpeg?height=144&quality=90&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/4bbcc4ff91d3238f88128c1f0e649e04/icon/CJSCwfvHrvECEAE=.jpeg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/impresee-vsearch?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=7&surface_type=category&surface_version=redesign" class=""> Impresee’s Smart Search Bar </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.6 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(15)</span> <span class="tw-sr-only">15 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Avoid lost sales and understand visitor with Impresee's search </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-accent-bfs tw-text-fg-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="doofinder" data-app-card-name-value="DOOFINDER ‑ Search & Discovery" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/4bd2ff62bd25c82e2138b6ef6fc1b59c/icon/CKufxt70lu8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/doofinder?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=8&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/4bd2ff62bd25c82e2138b6ef6fc1b59c/icon/CKufxt70lu8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/4bd2ff62bd25c82e2138b6ef6fc1b59c/icon/CKufxt70lu8CEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/4bd2ff62bd25c82e2138b6ef6fc1b59c/icon/CKufxt70lu8CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/doofinder?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=8&surface_type=category&surface_version=redesign" class=""> DOOFINDER ‑ Search & Discovery </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.8 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(882)</span> <span class="tw-sr-only">882 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Help shoppers find the right products and maximize conversions </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="year-make-model-fitment-search" data-app-card-name-value="Convermax: Year Make Model " data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/51c6c8a1680f82930cee785d5c125ef0/icon/CLuUy9f-74cDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/year-make-model-fitment-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=9&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/51c6c8a1680f82930cee785d5c125ef0/icon/CLuUy9f-74cDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/51c6c8a1680f82930cee785d5c125ef0/icon/CLuUy9f-74cDEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/51c6c8a1680f82930cee785d5c125ef0/icon/CLuUy9f-74cDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/year-make-model-fitment-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=9&surface_type=category&surface_version=redesign" class=""> Convermax: Year Make Model </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(13)</span> <span class="tw-sr-only">13 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Auto Parts Fitment Search to accelerate your store performance </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="prefixbox-search" data-app-card-name-value="Prefixbox AI Search & Filter" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/b36cc5d077996599dd118052f2926ed6/icon/CKGpppGh14IDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/prefixbox-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=10&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/b36cc5d077996599dd118052f2926ed6/icon/CKGpppGh14IDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/b36cc5d077996599dd118052f2926ed6/icon/CKGpppGh14IDEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/b36cc5d077996599dd118052f2926ed6/icon/CKGpppGh14IDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/prefixbox-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=10&surface_type=category&surface_version=redesign" class=""> Prefixbox AI Search & Filter </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(6)</span> <span class="tw-sr-only">6 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> AI powered search, filtering, and detailed analytics </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="luigis-box" data-app-card-name-value="Luigi’s AI Search & Discovery" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/5d78eed0648a98d9a89053faafcedaf6/icon/CNyV-frA-PgCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/luigis-box?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=11&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/5d78eed0648a98d9a89053faafcedaf6/icon/CNyV-frA-PgCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/5d78eed0648a98d9a89053faafcedaf6/icon/CNyV-frA-PgCEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/5d78eed0648a98d9a89053faafcedaf6/icon/CNyV-frA-PgCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/luigis-box?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=11&surface_type=category&surface_version=redesign" class=""> Luigi’s AI Search & Discovery </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.8 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(8)</span> <span class="tw-sr-only">8 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Boost your store's conversions with AI Search and Recommender. </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="klevu-smart-search" data-app-card-name-value="Klevu ‑ AI Search & Discovery" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/21a9df5710f533bed5c0bd66f913f8f4/icon/CIuDr7Hur_ACEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/klevu-smart-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=12&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/21a9df5710f533bed5c0bd66f913f8f4/icon/CIuDr7Hur_ACEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/21a9df5710f533bed5c0bd66f913f8f4/icon/CIuDr7Hur_ACEAE=.jpeg?height=144&quality=90&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/21a9df5710f533bed5c0bd66f913f8f4/icon/CIuDr7Hur_ACEAE=.jpeg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/klevu-smart-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=12&surface_type=category&surface_version=redesign" class=""> Klevu ‑ AI Search & Discovery </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.7 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(19)</span> <span class="tw-sr-only">19 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Improve product discoverability on your website or app </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="mezereon" data-app-card-name-value="Smart Search & Filter" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/c2f8b45e50982924cf9c715dd6d10459/icon/CKuW_Kf0lu8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/mezereon?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=13&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/c2f8b45e50982924cf9c715dd6d10459/icon/CKuW_Kf0lu8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/c2f8b45e50982924cf9c715dd6d10459/icon/CKuW_Kf0lu8CEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/c2f8b45e50982924cf9c715dd6d10459/icon/CKuW_Kf0lu8CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/mezereon?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=13&surface_type=category&surface_version=redesign" class=""> Smart Search & Filter </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.6 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(30)</span> <span class="tw-sr-only">30 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Improve search and discovery, collection filter and search bar </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="sledge" data-app-card-name-value="Sledge: Product Filter, Review" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/98ed0e2e10e0888acfec3d821fe334de/icon/COSY8Oa0_IEDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/sledge?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=14&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/98ed0e2e10e0888acfec3d821fe334de/icon/COSY8Oa0_IEDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/98ed0e2e10e0888acfec3d821fe334de/icon/COSY8Oa0_IEDEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/98ed0e2e10e0888acfec3d821fe334de/icon/COSY8Oa0_IEDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/sledge?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=14&surface_type=category&surface_version=redesign" class=""> Sledge: Product Filter, Review </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(10)</span> <span class="tw-sr-only">10 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Collect reviews, improve store instant search & product filter </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="expertrec-smart-search-bar" data-app-card-name-value="ExpertRec Smart Search Bar" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/c7dc9985cb00f80b62ad9811751b9a21/icon/CMCtqqGvm_oCEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/expertrec-smart-search-bar?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=15&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/c7dc9985cb00f80b62ad9811751b9a21/icon/CMCtqqGvm_oCEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/c7dc9985cb00f80b62ad9811751b9a21/icon/CMCtqqGvm_oCEAE=.jpeg?height=144&quality=90&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/c7dc9985cb00f80b62ad9811751b9a21/icon/CMCtqqGvm_oCEAE=.jpeg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/expertrec-smart-search-bar?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=15&surface_type=category&surface_version=redesign" class=""> ExpertRec Smart Search Bar </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.6 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(24)</span> <span class="tw-sr-only">24 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Boost your conversion with smart search bar and product filter </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="mercury" data-app-card-name-value="Mercury ‑ Personalise & Upsell" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/f2b22aa42f225258b2d7455480e1ffea/icon/CNS33OeLyIADEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/mercury?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=16&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/f2b22aa42f225258b2d7455480e1ffea/icon/CNS33OeLyIADEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/f2b22aa42f225258b2d7455480e1ffea/icon/CNS33OeLyIADEAE=.jpeg?height=144&quality=90&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/f2b22aa42f225258b2d7455480e1ffea/icon/CNS33OeLyIADEAE=.jpeg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/mercury?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=16&surface_type=category&surface_version=redesign" class=""> Mercury ‑ Personalise & Upsell </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(3)</span> <span class="tw-sr-only">3 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">From $200/month</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Personalisation & Upsell Engine </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="findify-search" data-app-card-name-value="Findify Search & Merchandise" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/2ce63c8f5058b312d359ff2bf9c9b6a4/icon/CInU-M_3rPYCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/findify-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=17&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/2ce63c8f5058b312d359ff2bf9c9b6a4/icon/CInU-M_3rPYCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/2ce63c8f5058b312d359ff2bf9c9b6a4/icon/CInU-M_3rPYCEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/2ce63c8f5058b312d359ff2bf9c9b6a4/icon/CInU-M_3rPYCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/findify-search?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=17&surface_type=category&surface_version=redesign" class=""> Findify Search & Merchandise </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.6 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(241)</span> <span class="tw-sr-only">241 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Personalize the product experience in search & merchandising </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="groupby-ai-search-discovery" data-app-card-name-value="GroupBy AI Search & Filter" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/c07b79bd693f82c699682f4ed7491189/icon/CNHUz_CLl4IDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/groupby-ai-search-discovery?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=18&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/c07b79bd693f82c699682f4ed7491189/icon/CNHUz_CLl4IDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/c07b79bd693f82c699682f4ed7491189/icon/CNHUz_CLl4IDEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/c07b79bd693f82c699682f4ed7491189/icon/CNHUz_CLl4IDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/groupby-ai-search-discovery?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=18&surface_type=category&surface_version=redesign" class=""> GroupBy AI Search & Filter </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Enhance your store with Google powered search results. </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="searchy-ai" data-app-card-name-value="Searchy: AI Search and Filter " data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/fc38981c528fe95ce9037ae0126fa90f/icon/CIz40beQ84EDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/searchy-ai?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=19&surface_type=category&surface_version=redesign" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/fc38981c528fe95ce9037ae0126fa90f/icon/CIz40beQ84EDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/fc38981c528fe95ce9037ae0126fa90f/icon/CIz40beQ84EDEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/fc38981c528fe95ce9037ae0126fa90f/icon/CIz40beQ84EDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/searchy-ai?surface_detail=store-design-search-and-navigation-search-and-filters&surface_inter_position=1&surface_intra_position=19&surface_type=category&surface_version=redesign" class=""> Searchy: AI Search and Filter </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> AI-Powered product search and filtering with image recognition </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> </div> <turbo-frame id="pagination_controls" target="app_grid"> <div class="tw-flex tw-justify-center tw-py-2xl"> <section class="aria-disabled:tw-opacity-30 aria-disabled:tw-pointer-events-none" data-app-comparison-wrapper-target="pagination"> <section class="tw-block lg:tw-hidden"> <div data-pagination-controls aria-label="pagination" class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm"> <a class=" tw-border tw-rounded-xl tw-inline-block hover:tw-bg-button-canvas-secondary-hover hover:tw-border-button-stroke-secondary-hover active:tw-bg-button-canvas-secondary-active active:tw-border-button-stroke-secondary-active active:tw-border-b tw-px-lg tw-py-2 tw-text-label-md tw-bg-fg-inverted-tertiary tw-border-fg-inverted-tertiary tw-outline-0 tw-pointer-events-none" aria-label="Current Page, Page 1" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details&page=1"> 1 </a> </div> </section> <section class="tw-hidden lg:tw-block"> <div data-pagination-controls aria-label="pagination" class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm"> <a class=" tw-border tw-rounded-xl tw-inline-block hover:tw-bg-button-canvas-secondary-hover hover:tw-border-button-stroke-secondary-hover active:tw-bg-button-canvas-secondary-active active:tw-border-button-stroke-secondary-active active:tw-border-b tw-px-xl tw-py-2.5 tw-text-label-lg tw-bg-fg-inverted-tertiary tw-border-fg-inverted-tertiary tw-outline-0 tw-pointer-events-none" aria-label="Current Page, Page 1" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details&page=1"> 1 </a> </div> </section> </section> </div> </turbo-frame> <div class="tw-hidden" data-filter-reload-target="appCount" data-id="app-count"> 19 apps with </div> <div class="tw-hidden" data-filter-reload-target="filterButtonComponent" data-id="filter-button-component"> <div class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm tw-py-xs"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm tw-flex tw-items-center tw-px-sm tw-gap-xs data-[selected=true]:tw-bg-canvas-accent-blue data-[selected=true]:tw-border-stroke-accent-blue" href="/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details&programs%5B%5D=built_for_shopify" data-selected="false"> <span class="tw-text-label-md tw-text-fg-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </a> </div> </div> <div class="tw-hidden" data-filter-reload-target="filterButtonComponent" data-id="features-filter-button-component"> <div class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm tw-py-xs"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm tw-flex tw-items-center tw-px-sm tw-gap-xs data-[selected=true]:tw-bg-canvas-tertiary data-[selected=true]:tw-border-stroke-secondary" href="/categories/store-design-search-and-navigation-search-and-filters/all?surface_detail=search-and-discovery&surface_type=app_details" data-selected="true"> <div class="tw-flex tw-items-center"> <span class="tw-inline-block tw-text-label-md tw-text-fg-primary tw-py-xs tw-px-xs tw-pr-2 tw-bg-[left_center] tw-bg-no-repeat tw-bg-[length:12px_8px] md:tw-bg-[length:17px_10px] tw-border-r tw-border-stroke-secondary"> Stop words </span> <div class="tw-pl-3 tw-flex tw-items-center tw-right-1 tw-h-full tw-pr-3"> <span role="img"><svg class="tw-block tw-w-[9px] tw-h-[9px]" width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.08.58a1.125 1.125 0 0 1 1.59 0L7.5 5.41 12.33.58a1.125 1.125 0 1 1 1.59 1.59L9.09 7l4.83 4.83a1.126 1.126 0 1 1-1.59 1.59L7.5 8.59l-4.83 4.83a1.125 1.125 0 0 1-1.59-1.59L5.91 7 1.08 2.17a1.125 1.125 0 0 1 0-1.59Z" fill="#000000"/> </svg> </span> </div> </div> </a> </div> </div> </turbo-frame></div> </div> <dialog class=" tw-fixed tw-z-[1000] tw-bottom-0 tw-w-screen tw-bg-canvas-primary tw-border-t tw-border-stroke-secondary tw-p-xl tw-block tw-translate-y-full open:tw-translate-y-0 tw-transition-transform " data-app-comparison-wrapper-target="toolbar" > <div class="tw-flex tw-items-center"> <div class="tw-grow tw-text-heading-md" data-app-comparison-wrapper-target="prompt"> Select up to 4 apps to compare </div> <div class="tw-grid tw-grid-cols-4 tw-grow tw-hidden" data-app-comparison-wrapper-target="appList"> <div class="tw-group tw-relative tw-col-span-1 tw-mr-md" data-app-comparison-wrapper-target="appThumbnail"> <div class="tw-hidden group-[.selected]:tw-block"> <figure aria-hidden="true" class="tw-rounded-sm tw-overflow-hidden tw-relative tw-w-appIcon--sm tw-float-left tw-mr-md after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] after:tw-rounded-sm group-hover:tw-scale-[1.025]"> <img class="tw-block tw-relative tw-w-appIcon--sm tw-h-appIcon--sm" src="" data-app-comparison-wrapper-target="icon"> </figure> <div class="tw-hidden md:tw-block tw-relative"> <p data-app-comparison-wrapper-target="name" class="tw-max-width-full tw-text-body-sm tw-text-ellipsis tw-whitespace-nowrap tw-overflow-hidden"> </p> <a class="tw-group tw-text-link-sm tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-hidden lg:tw-inline tw-text-fg-secondary" data-action="click->app-comparison-wrapper#handleRemove:prevent" data-app-comparison-wrapper-target="removeLink" href="#"> Remove </a> </div> </div> <div class="tw-border tw-border-dashed tw-border-stroke-secondary tw-rounded-sm tw-block group-[.selected]:tw-hidden tw-w-appIcon--sm tw-h-appIcon--sm" data-test="placeholder"> </div> </div> <div class="tw-group tw-relative tw-col-span-1 tw-mr-md" data-app-comparison-wrapper-target="appThumbnail"> <div class="tw-hidden group-[.selected]:tw-block"> <figure aria-hidden="true" class="tw-rounded-sm tw-overflow-hidden tw-relative tw-w-appIcon--sm tw-float-left tw-mr-md after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] after:tw-rounded-sm group-hover:tw-scale-[1.025]"> <img class="tw-block tw-relative tw-w-appIcon--sm tw-h-appIcon--sm" src="" data-app-comparison-wrapper-target="icon"> </figure> <div class="tw-hidden md:tw-block tw-relative"> <p data-app-comparison-wrapper-target="name" class="tw-max-width-full tw-text-body-sm tw-text-ellipsis tw-whitespace-nowrap tw-overflow-hidden"> </p> <a class="tw-group tw-text-link-sm tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-hidden lg:tw-inline tw-text-fg-secondary" data-action="click->app-comparison-wrapper#handleRemove:prevent" data-app-comparison-wrapper-target="removeLink" href="#"> Remove </a> </div> </div> <div class="tw-border tw-border-dashed tw-border-stroke-secondary tw-rounded-sm tw-block group-[.selected]:tw-hidden tw-w-appIcon--sm tw-h-appIcon--sm" data-test="placeholder"> </div> </div> <div class="tw-group tw-relative tw-col-span-1 tw-mr-md" data-app-comparison-wrapper-target="appThumbnail"> <div class="tw-hidden group-[.selected]:tw-block"> <figure aria-hidden="true" class="tw-rounded-sm tw-overflow-hidden tw-relative tw-w-appIcon--sm tw-float-left tw-mr-md after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] after:tw-rounded-sm group-hover:tw-scale-[1.025]"> <img class="tw-block tw-relative tw-w-appIcon--sm tw-h-appIcon--sm" src="" data-app-comparison-wrapper-target="icon"> </figure> <div class="tw-hidden md:tw-block tw-relative"> <p data-app-comparison-wrapper-target="name" class="tw-max-width-full tw-text-body-sm tw-text-ellipsis tw-whitespace-nowrap tw-overflow-hidden"> </p> <a class="tw-group tw-text-link-sm tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-hidden lg:tw-inline tw-text-fg-secondary" data-action="click->app-comparison-wrapper#handleRemove:prevent" data-app-comparison-wrapper-target="removeLink" href="#"> Remove </a> </div> </div> <div class="tw-border tw-border-dashed tw-border-stroke-secondary tw-rounded-sm tw-block group-[.selected]:tw-hidden tw-w-appIcon--sm tw-h-appIcon--sm" data-test="placeholder"> </div> </div> <div class="tw-group tw-relative tw-col-span-1 tw-mr-md" data-app-comparison-wrapper-target="appThumbnail"> <div class="tw-hidden group-[.selected]:tw-block"> <figure aria-hidden="true" class="tw-rounded-sm tw-overflow-hidden tw-relative tw-w-appIcon--sm tw-float-left tw-mr-md after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] after:tw-rounded-sm group-hover:tw-scale-[1.025]"> <img class="tw-block tw-relative tw-w-appIcon--sm tw-h-appIcon--sm" src="" data-app-comparison-wrapper-target="icon"> </figure> <div class="tw-hidden md:tw-block tw-relative"> <p data-app-comparison-wrapper-target="name" class="tw-max-width-full tw-text-body-sm tw-text-ellipsis tw-whitespace-nowrap tw-overflow-hidden"> </p> <a class="tw-group tw-text-link-sm tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-hidden lg:tw-inline tw-text-fg-secondary" data-action="click->app-comparison-wrapper#handleRemove:prevent" data-app-comparison-wrapper-target="removeLink" href="#"> Remove </a> </div> </div> <div class="tw-border tw-border-dashed tw-border-stroke-secondary tw-rounded-sm tw-block group-[.selected]:tw-hidden tw-w-appIcon--sm tw-h-appIcon--sm" data-test="placeholder"> </div> </div> </div> <div class="tw-shrink-0"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md tw-hidden md:tw-inline-block" data-action="click->app-comparison-wrapper#disableCompareMode"> Cancel </button> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md" disabled="disabled" data-app-comparison-wrapper-target="compareButton" data-action="click->app-comparison-wrapper#handleCompare:prevent"> <span class="tw-hidden md:tw-inline"> Compare apps </span> <span class="tw-inline md:tw-hidden"> Compare </span> </button> </div> </div> </dialog> </div> </div> <div class="tw-pt-lg lg:tw-pt-2xl" style=""> <div class="tw-bg-canvas-inverted-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="category" data-waypoint-waypoint="1" data-waypoint-surface="category" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="store-design-search-and-navigation-search-and-filters"> <div class="tw-container tw-flex tw-flex-col tw-items-center tw-gap-xl tw-py-2xl lg:tw-py-4xl"> <h2 class="tw-text-display-5 tw-text-fg-inverted-primary tw-text-center"> Want to add an app? </h2> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-emphasis tw-px-6 tw-py-4 tw-text-link-md js-monorail-element-click-tracking tw-w-full sm:tw-w-auto" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" data-page-type="category" data-element="get-started-btn" data-element-group="signup-free-trial" href="https://accounts.shopify.com/store-create?_s=a1344e2a-50ab-426a-971b-fccfa7f57fb4&_y=51e6fa77-a80b-49fa-b353-d221fca20ad5&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fcategories%2Fstore-design-search-and-navigation-search-and-filters%2Fall%3Ffeature_handles%255B%255D%3Dsearch_and_filters.search_features.stop_words%26surface_detail%3Dsearch-and-discovery%26surface_type%3Dapp_details&signup_types%5B%5D=paid_trial_experience"> Try Shopify free for 3 days </a> </div> </div> </div> </div> </section> </main> <footer class="tw-py-10 tw-text-body-md tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" data-section-name="footer"> <div class="tw-container"> <div class="tw-grid tw-grid-cols-2 tw-gap-y-12 lg:tw-grid-cols-5 tw-gap-md"> <div class="tw-col-span-2 lg:tw-col-span-1 tw-h-2xl"> <div class="tw-absolute tw-w-[40px] tw-h-[45px] [mask-image:url(merchant/footer/shopping-bag)] [mask-repeat:space] [mask-position:center] [mask-size:40px] tw-bg-fg-inverted-primary"></div> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> App categories </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/sales-channels"> Sales channels </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/finding-products"> Finding products </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/selling-products"> Selling products </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/orders-and-shipping"> Orders and shipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design"> Store design </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion"> Marketing and conversion </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-management"> Store management </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Top categories </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/finding-products-sourcing-options-dropshipping"> Dropshipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/sales-channels-selling-online-marketplaces"> Marketplaces </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-social-trust-product-reviews"> Product reviews </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles"> Upsell and bundles </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-marketing-email-marketing"> Email marketing </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design-site-optimization-seo"> SEO </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/orders-and-shipping-shipping-solutions-shipping"> Shipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design-internationalization-currency-and-translation"> Currency and translation </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Resources </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://help.shopify.com/en/"> Shopify Help Center </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://shopify.dev/api"> API documentation </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://community.shopify.com/c/shopify-community-en/ct-p/en"> Shopify Community </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://community.shopify.com/c/events/eb-p/events_en"> Community Events </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/blog"> Shopify Blog </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/research/future-of-commerce"> Research </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Shopify </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/about"> About </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/careers"> Careers </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://investors.shopify.com/home/default.aspx"> Investors </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://news.shopify.com/"> Press and media </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/partners"> Partners </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/affiliates"> Affiliates </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal"> Legal </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://shopifystatus.com"> Service status </a> </div> </div> <hr class="tw-my-8"> <div class="tw-flex tw-flex-col-reverse lg:tw-flex-row lg:tw-flex lg:tw-justify-between"> <div class="lg:tw-flex lg:tw-flex-wrap lg:tw-gap-6"> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/?auth=1"> Developer login </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal/terms"> Terms of service </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal/privacy"> Privacy policy </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/sitemap"> Sitemap </a> </span> </div> <div class="tw-pb-md lg:tw-pb-0"> <div class="tw-flex tw-items-center"> <div class="tw-relative tw-w-[28px] tw-h-[28px] tw-mr-sm [mask-image:url(merchant/footer/globe)] [mask-repeat:no-repeat] [mask-position:center] [mask-size:28px] tw-bg-fg-inverted-primary"></div> <form action="https://apps.shopify.com/set_locale" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fta5R6xZUYyVyfnWMVguCyKRf0kjEdCJZeDqeKEUNyld3TcNdGGxfEv6zqVWlAuKv1My5vhz_FKgdKGYXfq-mA" autocomplete="off" /> <select name="language" id="language" class="tw-bg-canvas-inverted-primary" aria-label="Change your language" onchange="this.form.submit();"><option value="cs">Čeština</option> <option value="da">Dansk</option> <option value="de">Deutsch</option> <option selected="selected" value="en">English</option> <option value="es">Español</option> <option value="fr">Français</option> <option value="it">Italiano</option> <option value="nl">Nederlands</option> <option value="nb">Norsk (bokmål)</option> <option value="pl">Polski</option> <option value="pt-BR">Português (Brasil)</option> <option value="pt-PT">Português (Portugal)</option> <option value="fi">Suomi</option> <option value="sv">Svenska</option> <option value="tr">Türkçe</option> <option value="th">ภาษาไทย</option> <option value="ja">日本語</option> <option value="zh-CN">简体中文</option> <option value="zh-TW">繁體中文</option> <option value="ko">한국어</option></select> </form></div> </div> </div> <span width="0" height="0"></span> </div> </footer> <div id="ModalContainer"> <div id="ModalContents"> <div id="AuthWithDomain" class="eco-modal" data-can-open-from-location="true" role="dialog"> <div class="eco-modal-section" data-section="main"> <div class="eco-modal-header"> <h2 class="eco-modal-title"> Log in to your Shopify store </h2> <button class="eco-modal-close-action " aria-label="close modal"> <img class="tw-block tw-w-full tw-min-w-[16px]" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/eco/icons/eco-modal-close-b200ad2b4407778f759569d5d832b5c20ed3f1719526941f66cc7444c74711bb.svg" /> </button> </div> <div class="eco-modal-body"> <div class="tw-pt-4 tw-text-body-md tw-text-fg-primary"> <form id="AuthLoginForm" action="/login/initiate_shopify_auth" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="maKQxHwt58J0YhBjTYT0x7YzxNTAUrjVL8O3TIFqTiTSqR6OpBUHMqpRJxAqSNFGK_GJexswlA7qV_ysfYTHlQ" autocomplete="off" /> <input type="hidden" name="auth_intent" id="auth_intent" value="" autocomplete="off" /> <input type="hidden" name="id" id="id" value="" autocomplete="off" /> <input type="hidden" name="return_to" id="return_to" value="/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.stop_words&surface_detail=search-and-discovery&surface_type=app_details" autocomplete="off" /> <label class="tw-text-label-sm tw-block tw-pb-sm" for="Store URL"> Store URL </label> <input autocomplete="off" type="text" class='tw-input tw-form-input tw-block tw-w-full' id='AuthLoginShopInput' name='shop' placeholder="your-store.myshopify.com"> <p class="tw-text-body-sm tw-text-fg-secondary tw-mt-sm"> Don’t have a store yet? <a class="tw-group tw-text-link-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " href="https://accounts.shopify.com/store-create?_s=a1344e2a-50ab-426a-971b-fccfa7f57fb4&_y=51e6fa77-a80b-49fa-b353-d221fca20ad5&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fcategories%2Fstore-design-search-and-navigation-search-and-filters%2Fall%3Ffeature_handles%255B%255D%3Dsearch_and_filters.search_features.stop_words%26surface_detail%3Dsearch-and-discovery%26surface_type%3Dapp_details&signup_types%5B%5D=paid_trial_experience"> Sign up</a> </p> </form> </div> </div> <div class="eco-modal-footer"> <div class="eco-modal-actions-container"> <div class="eco-modal-actions"> <div class="eco-modal-action-primary"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-w-full tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md" disabled="disabled"> Log in </button> </div> </div> <div class="eco-modal-action-tertiary"> <a class="tw-group tw-text-link-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " href="https://apps.shopify.com/partner/login?return_path=%2Fcategories%2Fstore-design-search-and-navigation-search-and-filters%2Fall%3Ffeature_handles%255B%255D%3Dsearch_and_filters.search_features.stop_words%26surface_detail%3Dsearch-and-discovery%26surface_type%3Dapp_details"> Developer login</a> </div> </div> </div> </div> </div> </div> <div id="ModalBackdrop" class="eco-modal-backdrop" aria-hidden="true"></div> </div> </body> </html>

CINXE.COM

Best Search and filters Apps For 2024 - Shopify App Store