CINXE.COM

<!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>Shopify Search & Discovery - Shopify Search & Discovery: Customize your storefront search | Shopify App Store</title> <meta name="description" content="Use the Shopify Search & Discovery app to customize your search, filters, and product recommendations. Help customers find your products and sell more."> <link rel="canonical" href="https://apps.shopify.com/search-and-discovery"> <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="Shopify Search & Discovery - Shopify Search & Discovery: Customize your storefront search | Shopify App Store"><meta property="og:description" content="Use the Shopify Search & Discovery app to customize your search, filters, and product recommendations. Help customers find your products and sell more."><meta property="og:image" content="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/icon/CM_yj4Kah4ADEAE=.png"><meta property="og:url" content="https://apps.shopify.com/search-and-discovery"><meta property="twitter:card" content="summary"><meta property="twitter:value1" content="Pricing"><meta property="twitter:data1" content="Free"><meta property="twitter:value2" content="Star rating"><meta property="twitter:data2" content="4.6/5"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Shopify Search \u0026 Discovery","description":"Use the Shopify Search \u0026 Discovery app to customize your search, filters, and product recommendations. Help customers find your products and sell more.","image":["https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/icon/CM_yj4Kah4ADEAE=.png"],"operatingSystem":"Shopify","applicationCategory":"DeveloperApplication","brand":"Shopify","aggregateRating":{"@type":"AggregateRating","ratingValue":4.6,"ratingCount":1269}}</script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="aTKdrg07QkaNv7aNUMfOI0mK442VUYQWcnFI9v23F25hCuJ1uF4Jm2p7RKRJwsdURgYNvPf4fbnDPCU8RnXFig" /> <meta name="google-site-verification" content="Qu2Oloy2MEBgLgnmmmCTQ-0TuRH40OIOx63D8L8MbYQ"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery" hreflang="x-default"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery" hreflang="en"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=cs" hreflang="cs"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=da" hreflang="da"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=de" hreflang="de"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=es" hreflang="es"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=fi" hreflang="fi"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=fr" hreflang="fr"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=it" hreflang="it"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=ja" hreflang="ja"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=ko" hreflang="ko"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=nb" hreflang="nb"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=nl" hreflang="nl"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=pl" hreflang="pl"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=sv" hreflang="sv"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=th" hreflang="th"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=tr" hreflang="tr"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?locale=zh-CN" hreflang="zh-CN"> <link rel="alternate" href="https://apps.shopify.com/search-and-discovery?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': "search-and-discovery", '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":"ce96e1c1-856c-4f94-ac81-290000cb79ff","sessionToken":"879fd6d6-a5f3-4f9b-903d-05bd84122097","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="AppDetailsShow" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" data-page-type="all" data-element="log-in-btn" data-element-group="nav-bar-megamenu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Fsearch-and-discovery%3Fshow_store_picker%3D1%26surface_detail%3Dstore-design%26surface_inter_position%3D2%26surface_intra_position%3D1%26surface_type%3Dcategory%26surface_version%3Dredesign&return_to=%2Fsearch-and-discovery%3Fsurface_detail%3Dstore-design%26surface_inter_position%3D2%26surface_intra_position%3D1%26surface_type%3Dcategory%26surface_version%3Dredesign"> 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" data-page-type="all" data-element="get-started-btn" data-element-group="nav-bar-megamenu" href="https://accounts.shopify.com/store-create?_s=879fd6d6-a5f3-4f9b-903d-05bd84122097&_y=ce96e1c1-856c-4f94-ac81-290000cb79ff&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fsearch-and-discovery%3Fsurface_detail%3Dstore-design%26surface_inter_position%3D2%26surface_intra_position%3D1%26surface_type%3Dcategory%26surface_version%3Dredesign&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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" data-page-type="all" data-element="get-started-btn" data-element-group="side-menu" href="https://accounts.shopify.com/store-create?_s=879fd6d6-a5f3-4f9b-903d-05bd84122097&_y=ce96e1c1-856c-4f94-ac81-290000cb79ff&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fsearch-and-discovery%3Fsurface_detail%3Dstore-design%26surface_inter_position%3D2%26surface_intra_position%3D1%26surface_type%3Dcategory%26surface_version%3Dredesign&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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" data-page-type="all" data-element="log-in-btn" data-element-group="side-menu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Fsearch-and-discovery%3Fshow_store_picker%3D1%26surface_detail%3Dstore-design%26surface_inter_position%3D2%26surface_intra_position%3D1%26surface_type%3Dcategory%26surface_version%3Dredesign&return_to=%2Fsearch-and-discovery%3Fsurface_detail%3Dstore-design%26surface_inter_position%3D2%26surface_intra_position%3D1%26surface_type%3Dcategory%26surface_version%3Dredesign"> 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 id="adp-banners" class="tw-bg-canvas-accent-orange tw-border-stroke-accent-orange" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="1" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="non-compliant-banner"> <div class="tw-container"> </div> </section> <section id="adp-admin-banner" class="tw-bg-canvas-accent-lime tw-border-stroke-accent-lime" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="2" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="admin-banner"> <div class="tw-container"> </div> </section> <div class="tw-container tw-my-xl md:tw-my-2xl lg:tw-my-3xl"> <div class="tw-grid tw-grid-cols-12 tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-items-start"> <div class="tw-col-span-full lg:tw-col-span-3 lg:tw-sticky lg:tw-top-navOffset--desktop tw-mb-lg lg:tw-mb-0"> <section id="adp-hero" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="3" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="hero"> <div class="tw-flex tw-flex-col xs:tw-flex-row lg:tw-flex-col tw-gap-xl"> <div class="tw-grow tw-flex tw-flex-col tw-gap-xl"> <div class="tw-flex tw-flex-col tw-gap-xl"> <div class="tw-flex tw-gap-md tw-items-stretch"> <figure class="tw-overflow-hidden tw-shrink-0 tw-rounded-sm tw-w-3xl tw-h-3xl lg:tw-w-appIcon--sm lg:tw-h-appIcon--sm tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="Shopify Search & Discovery" class="tw-rounded-sm tw-block tw-w-full" src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/icon/CM_yj4Kah4ADEAE=.png" /> </figure> <div class="tw-flex tw-flex-col tw-justify-center"> <h1 class="tw-text-heading-lg tw-whitespace-normal tw-hyphens tw-text-balance -tw-my-xs"> Shopify Search & Discovery </h1> </div> </div> </div> <dl class="tw-flex lg:tw-flex-col lg:tw-gap-xl lg:tw-border-t lg:tw-border-t-stroke-secondary lg:tw-pt-xl"> <div class="tw-border-r tw-border-r-stroke-secondary lg:tw-border-0 tw-pr-lg md:tw-pr-xl lg:tw-pr-0 tw-mr-lg md:tw-mr-xl lg:tw-mr-0"> <dt class="tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs">Pricing</dt> <dd class="tw-text-body-sm tw-text-fg-secondary"> <div class="tw-hidden sm:tw-block tw-text-pretty"> Price: Free </div> <div class="sm:tw-hidden" aria-hidden="true"> Price: Free </div> </dd> </div> <dl class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-flex lg:tw-flex-col lg:tw-gap-2xs tw-border-t tw-border-t-stroke-secondary lg:tw-border-0 tw-pt-sm lg:tw-pt-0 tw-mb-lg lg:tw-mb-0 tw-hidden lg:tw-block"> <dt class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Highlights </dt> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-gap-xs"> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Popular with businesses in Singapore </span> </dd> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Use directly in Shopify admin </span> </dd> </div> </dl> <div class="tw-border-r tw-border-r-stroke-secondary lg:tw-border-0 tw-pr-lg md:tw-pr-xl lg:tw-pr-0 tw-mr-lg md:tw-mr-xl lg:tw-mr-0"> <dt class="tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs">Rating</dt> <dd class="tw-flex tw-items-center tw-gap-2xs tw-text-body-sm"> <span class="tw-text-fg-secondary">4.6</span> <span class="tw-shrink-0 -tw-mt-2xs"><svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </span> <span> <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 tw-whitespace-nowrap tw-font-[450] !tw-border-b" aria-label="1269 Reviews" id="reviews-link" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" data-page-type="app_details_page" data-element="reviews_link" data-element-group="adp_hero" href="#adp-reviews"> (1,269) </a> </span> </dd> </div> <div> <dt class="tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs">Developer</dt> <dd class="tw-text-body-sm"> <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 tw-font-[450] !tw-border-b" href="/partners/shopify"> Shopify </a> </dd> </div> </dl> </div> <div class="tw-shrink-0"> <div id="ga-viewItem" class="tw-flex tw-flex-col tw-gap-sm"> <form target="_blank" rel="noopener" class="button_to" method="post" action="/login/initiate_shopify_auth_without_shop"><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-px-6 tw-py-4 tw-text-link-md md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="6bac79c21731e1e8e59b127c6213010a" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="search-and-discovery" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-tracking-label="search-and-discovery" data-partner-tracking-value="0" data-partner-tracking-id="629385320" data-partner-tracking-name="Shopify Search & Discovery" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="VZK1umvhARwVCOkNRJ2moYLGPTOfwMe0qKrsRL3mrPddqsph3oRKwfLMGyRdmK_WjUrTAv1pPhsZ54GOBiR-Ew" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="6bac79c21731e1e8e59b127c6213010a" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/search-and-discovery?show_store_picker=1&surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/search-and-discovery" autocomplete="off" /></form> <div class="tw-my-md tw-justify-center tw-flex tw-flex-nowrap tw-items-center"> </div> </div> </div> </div> </section> </div> <div class="tw-col-span-full lg:tw-col-span-8 lg:tw-pl-gutter--desktop"> <section id="adp-details-section" class="tw-scroll-my-2xl xl:tw-scroll-my-xl" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="4" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="details-section"> <div class="tw-h-full tw-mb-xl"> <div class="gallery-component"> <div class="gallery-images--desktop tw-hidden lg:tw-grid lg:tw-grid-cols-[75%_1fr] lg:tw-gap-lg" data-screenshot-count="6"> <h2 class="tw-sr-only">Featured images gallery</h2> <div class="gallery-component__items"> <div class="gallery-component__item tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden tw-cursor-pointer" data-screenshot-index="0" data-tabindex="0"> <iframe src="https://www.youtube-nocookie.com/embed/YBtaSEmirMc?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Shopify Search & Discovery" frameborder="0" allowfullscreen="allowfullscreen" class="tw-aspect-[16/9] tw-w-full " data-app-detail-video="true"></iframe> </div> </div> <ul class="gallery-component__content gallery-component__items tw-relative tw-flex tw-flex-col tw-justify-between"> <li class="gallery-component__item tw-relative tw-cursor-pointer tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden" data-screenshot-index="1" data-tabindex="0"> <img alt="Analytics dashboard of metrics on online store activity" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLy56uCPqIADEAE=.png?height=360&width=640 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLy56uCPqIADEAE=.png?height=360&width=640 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLy56uCPqIADEAE=.png?height=360&width=640" /> </li> <li class="gallery-component__item tw-relative tw-cursor-pointer tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden" data-screenshot-index="2" data-tabindex="0"> <img alt="Admin for assigning product recommendations to a product" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CMbv9OCPqIADEAE=.png?height=360&width=640 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CMbv9OCPqIADEAE=.png?height=360&width=640 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CMbv9OCPqIADEAE=.png?height=360&width=640" /> </li> <li class="gallery-component__item tw-relative tw-cursor-pointer tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden" data-screenshot-index="3" data-tabindex="0"> <img alt="Admin for creating groups of synonyms, joggers = sweatpants" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CK6a_uCPqIADEAE=.png?height=360&width=640 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CK6a_uCPqIADEAE=.png?height=360&width=640 2x" class="tw-w-full tw-opacity-50" src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CK6a_uCPqIADEAE=.png?height=360&width=640" /> <div class="tw-absolute tw-text-body-xs tw-w-full tw-h-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-left-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-4 tw-py-2 tw-text-link-sm"> + 2 more </button> </div> </li> </ul> </div> <div class="gallery-images--mobile lg:tw-hidden" data-screenshot-count="6"> <ul class="gallery-component__content tw-flex tw-overflow-x-auto tw-snap-x tw-snap-mandatory -tw-mx-lg"> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="0"> <iframe src="https://www.youtube-nocookie.com/embed/YBtaSEmirMc?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Shopify Search & Discovery" frameborder="0" allowfullscreen="allowfullscreen" class="tw-aspect-[16/9] tw-w-full " data-app-detail-video="true"></iframe> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="1"> <img alt="Analytics dashboard of metrics on online store activity" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLy56uCPqIADEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLy56uCPqIADEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLy56uCPqIADEAE=.png?height=720&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="2"> <img alt="Admin for assigning product recommendations to a product" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CMbv9OCPqIADEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CMbv9OCPqIADEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CMbv9OCPqIADEAE=.png?height=720&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="3"> <img alt="Admin for creating groups of synonyms, joggers = sweatpants" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CK6a_uCPqIADEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CK6a_uCPqIADEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CK6a_uCPqIADEAE=.png?height=720&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="4"> <img alt="Admin for choosing products to appear on specific search terms" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CJzMh-GPqIADEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CJzMh-GPqIADEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CJzMh-GPqIADEAE=.png?height=720&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="5"> <img alt="Admin for choosing collection page and search page filters" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLmDkuGPqIADEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLmDkuGPqIADEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLmDkuGPqIADEAE=.png?height=720&width=1280" /> </li> </ul> </div> <div class="lightbox-container tw-bg-fg-primary/90 tw-p-0 tw-w-full tw-top-0 tw-left-0 tw-text-center -tw-z-[1] tw-opacity-0 tw-min-h-[100vh]" aria-hidden="true" tabindex="-1"> <div class="lightbox tw-flex tw-flex-col tw-justify-center tw-items-center tw-min-w-[100vw] tw-min-h-[100vh] tw-overflow-hidden tw-ml-auto tw-mr-auto tw-relative tw-text-left" role="dialog" tabindex="-1" aria-labelledby="Lightbox" aria-modal=true> <div class="lightbox__header tw-relative tw-top-0 tw-left-0 tw-w-full tw-z-[1]"> <div class="lightbox__controls tw-min-w-full tw-ml-auto tw-mr-auto tw-pl-xl tw-pr-xl tw-text-right"> <button type="button" class="close_lightbox_button lightbox__close tw-p-[10px] tw-mt-[10px] -tw-mr-[10px] tw-opacity-[0.7] hover:tw-opacity-1"> <img class="tw-block tw-w-full tw-w-[17px] tw-h-[17px] lg:tw-w-[24px] lg:tw-h-[24px]" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/app_details_page/cancel-d058d581dd19a46a0bb7ce3c37bd784ce2d50919d358e37d088527fd7118d4aa.svg" /> <span class="tw-sr-only">Close</span> </button> </div> </div> <div class="lightbox__content tw-min-w-full tw-flex tw-flex-grow tw-flex-col tw-justify-center tw-items-center"> <div class="lightbox-content-container tw-block tw-w-full lg:tw-max-w-[80%] tw-pb-[54px] lg:tw-px-xl"> <ul class="lightbox-carousel-content tw-relative"> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <iframe src="https://www.youtube-nocookie.com/embed/YBtaSEmirMc?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Shopify Search & Discovery" frameborder="0" allowfullscreen="allowfullscreen" class="tw-aspect-[16/9] tw-w-full " data-app-detail-video="true"></iframe> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Analytics dashboard of metrics on online store activity" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLy56uCPqIADEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLy56uCPqIADEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLy56uCPqIADEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Admin for assigning product recommendations to a product" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CMbv9OCPqIADEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CMbv9OCPqIADEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CMbv9OCPqIADEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Admin for creating groups of synonyms, joggers = sweatpants" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CK6a_uCPqIADEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CK6a_uCPqIADEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CK6a_uCPqIADEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Admin for choosing products to appear on specific search terms" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CJzMh-GPqIADEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CJzMh-GPqIADEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CJzMh-GPqIADEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Admin for choosing collection page and search page filters" srcset="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLmDkuGPqIADEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLmDkuGPqIADEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6bac79c21731e1e8e59b127c6213010a/desktop_screenshot/CLmDkuGPqIADEAE=.png?height=900&width=1600" /> </li> </ul> <div class="lightbox-carousel-navigation"> <button class="lightbox-carousel-action lightbox-carousel-action--prev tw-rounded-md tw-w-[26px] tw-h-xl lg:tw-w-[42px] lg:tw-h-2xl tw-left-xl"> <img class="tw-w-full" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/app_details_page/left-arrow-f4c4cc53bff86d57a53fa21c5e2d5c71d5261937312a9b340ef8e49770e6dc22.svg" /> <span class="tw-sr-only"> Previous </span> </button> <button class="lightbox-carousel-action lightbox-carousel-action--next tw-rounded-md tw-w-[26px] tw-h-xl lg:tw-w-[42px] lg:tw-h-2xl tw-right-xl"> <img class="tw-w-full" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/app_details_page/right-arrow-64534620bae722d9621ffc64705dfb9e573d326c0365448f297022d1178b0e8f.svg" /> <span class="tw-sr-only"> Next </span> </button> </div> </div> </div> </div> </div> </div> </div> <div class="tw-mb-2xl"> <div id="app-details" class="tw-flex tw-flex-col tw-gap-lg"> <h2 class="tw-text-heading-lg tw-text-pretty"> Help customers find the right products and sell more using Shopify’s free Search & Discovery app </h2> <p class="tw-hidden lg:tw-block tw-text-body-md tw-text-fg-secondary"> A great shopping experience starts with simple search and seamless discovery. Customize search, filtering, and product recommendations, so you can enhance your products’ relevance and sell more. Use the Shopify Search & Discovery app to deliver results for every search and increase average order value with customized recommendations on any product page. Plus, use analytics to understand how customers are navigating your store and help shoppers find what they’re looking for with these insights. </p> <div class="lg:tw-hidden tw-text-body-md tw-text-fg-secondary" data-truncate-app-details> <span data-truncate-content-copy> A great shopping experience starts with simple search and seamless discovery. Customize search, filtering, and product recommendations, so you can enhance your products’ relevance and sell more. Use the Shopify Search & Discovery app to deliver results for every search and increase average order value with customized recommendations on any product page. Plus, use analytics to understand how customers are navigating your store and help shoppers find what they’re looking for with these insights. </span> <span data-truncate-content-toggle class='tw-mt-xs tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-fg-primary tw-hidden tw-text-link-md hover:tw-text-fg-highlight-primary hover:tw-border-transparent'> more </span> </div> <ul class="tw-list-disc tw-pl-lg"> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Customize filters to let shoppers refine their search by multiple categories. </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Make synonym groups, so product descriptions match the terms shoppers use. </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Use product boosts to feature products you want highlighted in search results. </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Add related and complementary products on product detail pages. </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Access analytics to understand your store’s search and discovery performance. </li> </ul> </div> </div> <div class="lg:tw-hidden"> <dl class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-flex lg:tw-flex-col lg:tw-gap-2xs tw-border-t tw-border-t-stroke-secondary lg:tw-border-0 tw-pt-sm lg:tw-pt-0 tw-mb-lg lg:tw-mb-0 "> <dt class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Highlights </dt> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-gap-xs"> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Popular with businesses in Singapore </span> </dd> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Use directly in Shopify admin </span> </dd> </div> </dl> </div> <div class="tw-flex tw-flex-col tw-gap-lg lg:tw-gap-2xl"> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <p class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0">Languages</p> <div class="tw-col-span-full sm:tw-col-span-3"> <p class="tw-text-fg-secondary tw-text-body-md">English, French, Dutch, Polish, Chinese (Traditional), Chinese (Simplified), Danish, Finnish, German, Italian, Japanese, Korean, Norwegian, Portuguese (Brazil), Portuguese (Portugal), Spanish, Swedish, Thai, Turkish, and Vietnamese</p> </div> </div> </div> <div data-controller="accordion" data-accordion-open-only-one-value="true" class="tw-mt-lg lg:tw-mt-2xl"> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <p class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Categories </p> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-gap-lg"> <div class="tw-group" data-accordion-target="wrapper" > <div class="tw-flex tw-justify-between tw-mb-xl"> <div> <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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters?surface_detail=search-and-discovery&surface_type=app_details"> Search and filters </a> </div> <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-sm tw-py-xs tw-text-link-xs tw-bg-canvas-tertiary tw-border-0 tw-block" aria-expanded="false" data-action="click->accordion#toggle" data-accordion-target="button"> <span class="show-button group-[.open]:tw-hidden"> Show features </span> <span class="hide-button tw-hidden group-[.open]:tw-block"> Hide features </span> </button> </div> <div class="tw-overflow-hidden tw-transition-all tw-ease-out tw-duration-500 tw-h-0 group-[.open]:tw-h-auto group-[.open]:!tw-h-[calc-size(auto,size)]"> <div class="tw-pb-lg"> <p class="tw-text-body-md tw-text-fg-secondary tw-mb-2xs sm:tw-mb-xs"> Search features </p> <ul class="tw-leading-relaxed"> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.autocomplete&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Autocomplete</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.instant_search&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Instant search</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.multi_language&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Multi-language</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.ai_search&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> AI search</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.typo_tolerance&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Typo tolerance</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.synonym_groups&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Synonym groups</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" 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&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Stop words</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.search_suggestions&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Search suggestions</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.product_recommendations&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Product recommendations</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.product_boosts&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Product boosts</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.multi_filter&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Multi-filter</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.search_features.custom_ranking&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Custom ranking</a></li> </ul> </div> <div class="tw-pb-lg"> <p class="tw-text-body-md tw-text-fg-secondary tw-mb-2xs sm:tw-mb-xs"> Display customization </p> <ul class="tw-leading-relaxed"> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.display_customization.filter_display&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Filter display</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.display_customization.custom_filters&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Custom filters</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.display_customization.sorting&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Sorting</a></li> </ul> </div> <div class="tw-pb-lg"> <p class="tw-text-body-md tw-text-fg-secondary tw-mb-2xs sm:tw-mb-xs"> Analytics </p> <ul class="tw-leading-relaxed"> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.analytics.conversion_tracking&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Conversion tracking</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.analytics.custom_dashboards&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Custom dashboards</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.analytics.behavior_insights&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Behavior insights</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-search-and-navigation-search-and-filters/all?feature_handles%5B%5D=search_and_filters.analytics.search_queries&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Search queries</a></li> </ul> </div> </div> </div> <div class="tw-group" data-accordion-target="wrapper" > <div class="tw-flex tw-justify-between tw-mb-xl"> <div> <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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-upsell-and-cross-sell?surface_detail=search-and-discovery&surface_type=app_details"> Upsell and cross-sell </a> </div> <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-sm tw-py-xs tw-text-link-xs tw-bg-canvas-tertiary tw-border-0 tw-block" aria-expanded="false" data-action="click->accordion#toggle" data-accordion-target="button"> <span class="show-button group-[.open]:tw-hidden"> Show features </span> <span class="hide-button tw-hidden group-[.open]:tw-block"> Hide features </span> </button> </div> <div class="tw-overflow-hidden tw-transition-all tw-ease-out tw-duration-500 tw-h-0 group-[.open]:tw-h-auto group-[.open]:!tw-h-[calc-size(auto,size)]"> <div class="tw-pb-lg"> <p class="tw-text-body-md tw-text-fg-secondary tw-mb-2xs sm:tw-mb-xs"> Offers and recommendations </p> <ul class="tw-leading-relaxed"> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-upsell-and-cross-sell/all?feature_handles%5B%5D=upsell_and_cross_sell.offers_and_recommendations.ai_recommendations&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> AI recommendations</a></li> </ul> </div> <div class="tw-pb-lg"> <p class="tw-text-body-md tw-text-fg-secondary tw-mb-2xs sm:tw-mb-xs"> Analytics </p> <ul class="tw-leading-relaxed"> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-upsell-and-cross-sell/all?feature_handles%5B%5D=upsell_and_cross_sell.analytics.click_through_rates&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Click-through rates</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-upsell-and-cross-sell/all?feature_handles%5B%5D=upsell_and_cross_sell.analytics.conversion_rates&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Conversion rates</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><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 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-upsell-and-cross-sell/all?feature_handles%5B%5D=upsell_and_cross_sell.analytics.recommendation_performance&locale=en&surface_detail=search-and-discovery&surface_type=app_details"> Recommendation performance</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> <div class="tw-pb-xl md:tw-pb-2xl xl:tw-pb-3xl"> <section id="adp-pricing" class="tw-scroll-my-2xl xl:tw-scroll-my-xl" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="5" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="pricing"> </section> <section id="adp-reviews" class="tw-py-xl md:tw-py-2xl lg:tw-py-3xl tw-scroll-my-2xl xl:tw-scroll-my-xl"> <div class="tw-container"> <div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="6" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="reviews-start"> </div> <div class="tw-grid tw-grid-cols-12 tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-items-start"> <div class="tw-col-span-full md:tw-col-span-3 md:tw-sticky md:tw-top-navOffset--desktop tw-mb-xl md:tw-pr-gutter--mobile lg:tw-pr-0"> <h2 class="tw-mb-lg xl:tw-mb-xl"> <span class="tw-text-heading-xl"> Reviews </span> <span class="tw-text-body-md"> (1,269) </span> </h2> <div class="app-reviews-metrics tw-max-w-[500px]"> <div class="tw-text-heading-md tw-pb-xs lg:tw-pb-sm"> Overall rating </div> <div class="tw-flex tw-items-center tw-text-fg-primary tw-text-heading-2xl tw-pb-sm lg:tw-pb-0"> <div aria-label="4.6 out of 5 stars"> 4.6 </div> <div class="tw-pl-sm" aria-hidden="true"> <div class="tw-flex tw-relative tw-space-x-1 tw-w-5xl tw-h-lg" aria-label="4.6 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.39621 0.862887C8.27727 0.789014 8.14003 0.74991 8.00001 0.75C7.86 0.74991 7.72276 0.789014 7.60382 0.862887C7.48488 0.93676 7.38899 1.04245 7.32701 1.168L5.44401 4.983L1.23401 5.594C1.09534 5.61397 0.96504 5.67238 0.857868 5.76261C0.750695 5.85284 0.670939 5.97129 0.627636 6.10453C0.584334 6.23777 0.579216 6.38047 0.612864 6.51647C0.646511 6.65247 0.717578 6.77632 0.818012 6.874L3.86601 9.843L3.14601 14.037C3.12252 14.1749 3.13805 14.3165 3.19083 14.446C3.2436 14.5755 3.33154 14.6877 3.44469 14.7699C3.55785 14.852 3.69173 14.9009 3.8312 14.911C3.97068 14.9211 4.1102 14.892 4.23401 14.827L8.00001 12.847L11.766 14.827C11.8899 14.8921 12.0295 14.9212 12.1691 14.9111C12.3087 14.901 12.4427 14.852 12.5559 14.7697C12.6691 14.6874 12.757 14.5751 12.8097 14.4454C12.8624 14.3157 12.8777 14.1739 12.854 14.036L12.135 9.844L15.181 6.874C15.2812 6.77628 15.352 6.6525 15.3854 6.51665C15.4189 6.3808 15.4137 6.23829 15.3704 6.10523C15.3272 5.97218 15.2475 5.85388 15.1405 5.76372C15.0336 5.67355 14.9035 5.61511 14.765 5.595L10.555 4.983L8.67301 1.168C8.61103 1.04245 8.51515 0.93676 8.39621 0.862887ZM8.00001 10.8869C8.00001 11.0874 8.17157 11.2427 8.34901 11.336L11.119 12.792L10.589 9.708C10.5685 9.5881 10.5774 9.46501 10.615 9.34933C10.6527 9.23365 10.7179 9.12886 10.805 9.044L13.045 6.861L9.94901 6.411C9.82883 6.39344 9.71471 6.34695 9.61647 6.27553C9.51822 6.20411 9.4388 6.1099 9.38501 6.001L8.28452 3.77141C8.21427 3.6291 8.00001 3.6791 8.00001 3.8378V10.8869Z" /> </svg> </div> </div> </div> <div class="tw-text-body-md"> <span class="tw-hidden"> Counts per rating level </span> <ul> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 5 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 74% of ratings are 5 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="74%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="935 total reviews" href="/search-and-discovery/reviews?ratings%5B%5D=5"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 935 </span> </a> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 4 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 13% of ratings are 4 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="13%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="164 total reviews" href="/search-and-discovery/reviews?ratings%5B%5D=4"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 164 </span> </a> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 3 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 5% of ratings are 3 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="5%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="66 total reviews" href="/search-and-discovery/reviews?ratings%5B%5D=3"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 66 </span> </a> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 2 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 2% of ratings are 2 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="2%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="29 total reviews" href="/search-and-discovery/reviews?ratings%5B%5D=2"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 29 </span> </a> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 1 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 6% of ratings are 1 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="6%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="75 total reviews" href="/search-and-discovery/reviews?ratings%5B%5D=1"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 75 </span> </a> </div> </li> </ul> </div> </div> <div class="tw-mt-xl tw-flex tw-flex-wrap tw-gap-sm"> <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" data-modal-open="AuthWithDomain"> Write a review </button> <div class="lg:tw-flex lg:tw-justify-center tw-max-w-full"> <div class="tw-flex tw-justify-center md:tw-max-w-fit lg:tw-my-auto"> <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-w-full tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm" id="view-all-reviews-button" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" data-page-type="app_details_page" data-element="all_reviews_button" data-element-group="adp_reviews" href="/search-and-discovery/reviews"> All reviews </a> </div> </div> </div> </div> <div class="tw-col-span-full md:tw-col-span-9 lg:tw-col-span-8 lg:tw-pl-gutter--desktop"> <div class="tw-mb-lg md:tw-mb-2xl" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="7" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="reviews-summary"> <div> <div class="tw-grid tw-grid-cols-[1fr_auto]"> <h5 class="tw-flex tw-items-center tw-gap-2 tw-text-heading-lg"> What merchants think <div data-controller="popover-modal" data-popover-modal-focus-on-open-value="false" data-popover-modal-close-if-click-outside-value="true" data-popover-modal-backdrop-visible-class="max-md:eco-modal-backdrop--visible" data-popover-modal-popover-visible-class="max-md:eco-modal--open" data-action="keydown.esc->popover-modal#close click->popover-modal#nop:stop resize@window->popover-modal#close" class="tw-relative"> <button data-popover-modal-target="activator" data-action="click->popover-modal#toggle" class="tw-w-5 tw-h-5 md:tw-w-7 md:tw-h-7 tw-cursor-pointer hover:tw-scale-[1.1]"> <span role="img" class="tw-flex tw-items-center tw-justify-center"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.43251 2.43991C4.75756 1.85336 5.61114 1.85336 5.93618 2.43991L6.20504 2.92507C6.48814 3.43591 6.91373 3.85593 7.43136 4.13533L7.92295 4.40067C8.51727 4.72146 8.51727 5.56386 7.92295 5.88465L7.43136 6.15C6.91373 6.42939 6.48814 6.84941 6.20504 7.36026L5.93618 7.84542C5.61114 8.43196 4.75756 8.43196 4.43251 7.84542L4.16365 7.36026C3.88055 6.84941 3.45496 6.42939 2.93734 6.15L2.44574 5.88466C1.85142 5.56386 1.85142 4.72146 2.44574 4.40067L2.93734 4.13533C3.45496 3.85593 3.88055 3.43591 4.16365 2.92507L4.43251 2.43991Z" fill="#7945E3"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.3682 7.3607C14.1212 5.78252 11.8288 5.75154 11.5381 7.32246L11.4971 7.54373C11.1062 9.65684 9.4112 11.2991 7.26323 11.6461C5.68737 11.9006 5.65478 14.1258 7.22252 14.4252L7.36639 14.4526C9.46813 14.854 11.1116 16.476 11.5183 18.5502L11.5621 18.7738C11.8827 20.4087 14.2535 20.4087 14.5741 18.7738L14.6083 18.5995C15.02 16.4996 16.6948 14.864 18.8268 14.4798C20.4505 14.1872 20.3615 11.87 18.7293 11.6281C16.4936 11.2966 14.7133 9.56574 14.3682 7.3607ZM13.074 16.6801C13.7707 15.1155 15.0092 13.8464 16.5583 13.0989C14.9841 12.4089 13.701 11.1839 12.9562 9.6505C12.25 11.1368 11.0415 12.3374 9.54467 13.0451C11.1214 13.7965 12.3782 15.0875 13.074 16.6801Z" fill="#7945E3"/> </svg> </span> </button> <div role="dialog" class="md:tw-absolute eco-popover-modal-mobile tw-z-[99999] md:tw-left-0 md:tw-top-0 md:-tw-translate-y-full md:tw-p-4 tw-bg-canvas-primary tw-border tw-border-stroke-secondary tw-hidden tw-shadow-lg tw-rounded-tl-md tw-rounded-tr-md md:tw-rounded-md" tabIndex="-1" data-popover-modal-target="popover"> <div class="max-md:eco-modal-section max-md:eco-modal-section--visible max-md:tw-flex"> <div class="max-md:eco-modal-body tw-pt-4 md:tw-pt-0 max-md:tw-min-h-0 max-md:tw-pt-0"> <p class="md:tw-w-44 tw-text-body-lg md:tw-text-body-xs"> This is generated by Shopify Magic. It's shown when an app has 100+ reviews and a 4.0 overall rating. </p> </div> </div> </div> <div class="eco-modal-backdrop" data-popover-modal-target="backdrop" data-action="click->popover-modal#close:stop"></div> </div> </h5> <div data-controller="review-summary-feedback" data-review-summary-feedback-api-key-value="6bac79c21731e1e8e59b127c6213010a" data-review-summary-feedback-feedback-submitted-class="tw-row-start-2 tw-col-start-1 md:tw-row-start-1 md:tw-col-start-2" data-review-summary-feedback-feedback-not-submitted-class="tw-col-start-2" class="tw-flex"> <div class="tw-flex" data-review-summary-feedback-target="buttonWrapper"> <div data-controller="popover-modal" data-popover-modal-focus-on-open-value="false" data-popover-modal-close-if-click-outside-value="true" data-popover-modal-backdrop-visible-class="max-md:eco-modal-backdrop--visible" data-popover-modal-popover-visible-class="max-md:eco-modal--open" data-action="keydown.esc->popover-modal#close click->popover-modal#nop:stop resize@window->popover-modal#close" class="tw-relative"> <button aria-label="Feedback" data-popover-modal-target="activator" data-action="click->popover-modal#toggle" class="tw-block tw-h-full tw-text-left tw-w-7"> <span role="img" class="tw-flex tw-items-center tw-justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="4" height="14" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.25 2.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM2.25 7.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM2.25 13.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"/></svg></span> </button> <div role="dialog" class="md:tw-absolute eco-popover-modal-mobile tw-z-[99999] md:tw-right-0 tw-mt-1 md:tw-p-4 tw-bg-canvas-primary tw-border tw-border-stroke-secondary tw-hidden tw-shadow-lg tw-rounded-tl-md tw-rounded-tr-md md:tw-rounded-md" tabIndex="-1" data-popover-modal-target="popover"> <div class="max-md:eco-modal-section max-md:eco-modal-section--visible max-md:tw-flex"> <div class="max-md:eco-modal-body tw-pt-4 md:tw-pt-0 max-md:tw-min-h-0 max-md:tw-pt-0"> <ul class="tw-w-48"> <li> <button name="button" type="button" class="tw-block tw-w-full tw-text-left tw-text-body-lg md:tw-text-body-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary" data-action="click->review-summary-feedback#helpful" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" data-page-type="app_details_page" data-element="helpful" data-element-group="review-summary-feedback">Helpful</button> </li> <li class="tw-mt-2"> <button name="button" type="button" class="tw-block tw-w-full tw-text-left tw-text-body-lg md:tw-text-body-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary" data-action="click->review-summary-feedback#notHelpful" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" data-page-type="app_details_page" data-element="not-helpful" data-element-group="review-summary-feedback">Not helpful</button> </li> </ul> </div> </div> </div> <div class="eco-modal-backdrop" data-popover-modal-target="backdrop" data-action="click->popover-modal#close:stop"></div> </div> </div> <div data-review-summary-feedback-target="submittedWrapper" class="tw-self-center tw-hidden"> <p class="tw-text-body-sm tw-text-notifications-success-primary tw-bg-left tw-bg-no-repeat"> <span role="img"><svg class="tw-inline tw-mr-1" xmlns="http://www.w3.org/2000/svg" width="12" height="9" fill="none"><path fill="#157F3C" fill-rule="evenodd" d="M11.78.22a.75.75 0 0 1 0 1.06L4.53 8.53a.75.75 0 0 1-1.06 0L.22 5.28a.75.75 0 0 1 1.06-1.06L4 6.94 10.72.22a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/></svg></span> Feedback submitted </p> </div> </div> </div> <div data-truncate-app-review-summary class="tw-mt-sm tw-text-body-md tw-text-fg-secondary"> <p data-truncate-content-copy> Merchants highly praise this app for enhancing the shopping experience through improved product discovery and recommendations, boosting site conversions and effective cross-selling. Key features include intuitive search functionality, customizable options, and tools like 'frequently bought together.' The app is easy to install and set up, with a responsive support team that provides timely updates and technical assistance. </p> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-md link-inline tw-hidden">Show more</button> </div> </div> </div> <div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="8" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="review-0"> </div> <div class="tw-pb-md md:tw-pb-lg tw-mb-md md:tw-mb-lg tw-pt-0 last:tw-pb-0 "> <div data-merchant-review="" data-review-content-id="1566866" class="lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-x-gutter--desktop"> <div class="tw-order-1 lg:tw-order-2 lg:tw-col-span-3 tw-overflow-x-auto"> <div class="tw-flex tw-items-center tw-justify-between tw-mb-md"> <div class="tw-flex tw-relative tw-space-x-0.5 tw-w-[88px] tw-h-md" aria-label="5 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> October 16, 2024 </div> </div> <div class="tw-text-body-md tw-text-fg-secondary" data-truncate-review> <div data-truncate-content-copy class="tw-mb-xs md:tw-mb-sm"> <p class="tw-break-words">It helps me understand what other fields do and it shows me how can it help me. Who came up with this is a genius!</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> <div class="tw-order-2 lg:tw-order-1 lg:tw-row-span-2 tw-mt-md md:tw-mt-0 tw-space-y-1 md:tw-space-y-2 tw-text-fg-tertiary tw-text-body-xs"> <div class="tw-text-heading-xs tw-text-fg-primary tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" title="ZiPx"> ZiPx </div> <div>United Kingdom</div> <div>10 months using the app</div> </div> <div class="tw-order-last tw-flex tw-flex-col tw-items-end lg:tw-col-span-3" data-merchant-review-reply> <div class="tw-self-start tw-w-full "> </div> </div> </div> <div class="tw-w-full tw-flex tw-justify-end tw-mt-md tw-gap-sm"> </div> </div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="9" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="review-1"> </div> <div class="tw-pb-md md:tw-pb-lg tw-mb-md md:tw-mb-lg tw-pt-0 last:tw-pb-0 "> <div data-merchant-review="" data-review-content-id="1542453" class="lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-x-gutter--desktop"> <div class="tw-order-1 lg:tw-order-2 lg:tw-col-span-3 tw-overflow-x-auto"> <div class="tw-flex tw-items-center tw-justify-between tw-mb-md"> <div class="tw-flex tw-relative tw-space-x-0.5 tw-w-[88px] tw-h-md" aria-label="4 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 0.25C8.14003 0.24991 8.27727 0.289014 8.39621 0.362887C8.51515 0.43676 8.61103 0.542452 8.67301 0.668L10.555 4.483L14.765 5.095C14.9035 5.11511 15.0336 5.17355 15.1405 5.26372C15.2475 5.35388 15.3272 5.47218 15.3704 5.60523C15.4137 5.73829 15.4189 5.8808 15.3854 6.01665C15.352 6.1525 15.2812 6.27628 15.181 6.374L12.135 9.344L12.854 13.536C12.8777 13.6739 12.8624 13.8157 12.8097 13.9454C12.757 14.0751 12.6691 14.1874 12.5559 14.2697C12.4427 14.352 12.3087 14.401 12.1691 14.4111C12.0295 14.4212 11.8899 14.3921 11.766 14.327L8.00001 12.347L4.23401 14.327C4.1102 14.392 3.97068 14.4211 3.8312 14.411C3.69173 14.4009 3.55785 14.352 3.44469 14.2699C3.33154 14.1877 3.2436 14.0755 3.19083 13.946C3.13805 13.8165 3.12252 13.6749 3.14601 13.537L3.86601 9.343L0.818012 6.374C0.717578 6.27632 0.646511 6.15247 0.612864 6.01647C0.579216 5.88047 0.584334 5.73777 0.627636 5.60453C0.670939 5.47129 0.750695 5.35284 0.857868 5.26261C0.96504 5.17238 1.09534 5.11397 1.23401 5.094L5.44401 4.483L7.32701 0.668C7.38899 0.542452 7.48488 0.43676 7.60382 0.362887C7.72276 0.289014 7.86 0.24991 8.00001 0.25ZM8.00001 2.695L6.61501 5.5C6.56123 5.6089 6.4818 5.70311 6.38356 5.77453C6.28531 5.84595 6.17119 5.89244 6.05101 5.91L2.95401 6.36L5.19401 8.544C5.28116 8.62886 5.34637 8.73365 5.384 8.84933C5.42163 8.96501 5.43056 9.0881 5.41001 9.208L4.88201 12.292L7.65101 10.836C7.75864 10.7794 7.87842 10.7499 8.00001 10.7499C8.12161 10.7499 8.24138 10.7794 8.34901 10.836L11.119 12.292L10.589 9.208C10.5685 9.0881 10.5774 8.96501 10.615 8.84933C10.6527 8.73365 10.7179 8.62886 10.805 8.544L13.045 6.361L9.94901 5.911C9.82883 5.89344 9.71471 5.84695 9.61647 5.77553C9.51822 5.70411 9.4388 5.6099 9.38501 5.501L8.00001 2.694V2.695Z" /> </svg> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> September 24, 2024 </div> </div> <div class="tw-text-body-md tw-text-fg-secondary" data-truncate-review> <div data-truncate-content-copy class="tw-mb-xs md:tw-mb-sm"> <p class="tw-break-words">The app works pretty well as a free offering. It won out in A/B testing from our previous paid solution. I'm hoping the developers introduce a setting to 'draft' status filters so that they can be hidden from a store without totally deleting them and having to re add them at a later date. </p> <p class="tw-break-words">I would also like a preview option on draft filters so we can do something like setup a large meta field list without impacting the prod site when looking to preview the filter. </p> <p class="tw-break-words">Currently I am having to setup a product meta field on our sandbox store of over 18k products so that I can preview that meta field list color filtering 'AND' behavior works as expected and then I will have to bring all these meta field values over to our prod store.</p> <p class="tw-break-words">A simpler solution would allow me to setup the meta fields on the prod store, preview the new Color filter on prod without making it live to test it, and then if it works as expected setting it to live. </p> <p class="tw-break-words">Another nice to have, would be to make product.options by Color as an AND filter by default instead of OR so that a metafield list wouldn't even be necessary.</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> <div class="tw-order-2 lg:tw-order-1 lg:tw-row-span-2 tw-mt-md md:tw-mt-0 tw-space-y-1 md:tw-space-y-2 tw-text-fg-tertiary tw-text-body-xs"> <div class="tw-text-heading-xs tw-text-fg-primary tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" title="Barstool Sports"> Barstool Sports </div> <div>United States</div> <div>Over 1 year using the app</div> </div> <div class="tw-order-last tw-flex tw-flex-col tw-items-end lg:tw-col-span-3" data-merchant-review-reply> <div class="tw-self-start tw-w-full "> </div> </div> </div> <div class="tw-w-full tw-flex tw-justify-end tw-mt-md tw-gap-sm"> </div> </div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="10" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="review-2"> </div> <div class="tw-pb-md md:tw-pb-lg tw-mb-md md:tw-mb-lg tw-pt-0 last:tw-pb-0 "> <div data-merchant-review="" data-review-content-id="1524300" class="lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-x-gutter--desktop"> <div class="tw-order-1 lg:tw-order-2 lg:tw-col-span-3 tw-overflow-x-auto"> <div class="tw-flex tw-items-center tw-justify-between tw-mb-md"> <div class="tw-flex tw-relative tw-space-x-0.5 tw-w-[88px] tw-h-md" aria-label="5 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> September 7, 2024 </div> </div> <div class="tw-text-body-md tw-text-fg-secondary" data-truncate-review> <div data-truncate-content-copy class="tw-mb-xs md:tw-mb-sm"> <p class="tw-break-words">I love Jeremec 16" deep wave wigs and bulk braids, and they’re amazing! The wigs are soft, natural-looking, and offer great versatility. The bundles are thick, long-lasting, and perfect for adding volume, while the bulk braids are tangle-free and easy to install. Overall, the quality is fantastic and a must-try for anyone looking to upgrade their hairstyle!</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> <div class="tw-order-2 lg:tw-order-1 lg:tw-row-span-2 tw-mt-md md:tw-mt-0 tw-space-y-1 md:tw-space-y-2 tw-text-fg-tertiary tw-text-body-xs"> <div class="tw-text-heading-xs tw-text-fg-primary tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" title="Jeremec"> Jeremec </div> <div>United States</div> <div>Almost 2 years using the app</div> </div> <div class="tw-order-last tw-flex tw-flex-col tw-items-end lg:tw-col-span-3" data-merchant-review-reply> <div class="tw-self-start tw-w-full "> </div> </div> </div> <div class="tw-w-full tw-flex tw-justify-end tw-mt-md tw-gap-sm"> </div> </div> </div> </div> </div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="11" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="reviews-end"> </div> </div> </div> </section> <div class="tw-container tw-grid tw-grid-cols-12 tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-items-start"> <div class="tw-col-span-full lg:tw-col-span-3 lg:tw-sticky lg:tw-top-navOffset--desktop tw-mb-lg lg:tw-mb-0"> <h2 class="tw-text-heading-xl tw-mb-xl"> Support </h2> <p class="tw-mb-lg"> Shopify can answer any questions you have about Shopify Search & Discovery. </p> </div> <div class="tw-col-span-full tw-flex tw-flex-col lg:tw-col-span-8 lg:tw-pl-gutter--desktop tw-gap-lg lg:tw-gap-2xl"> <section id="adp-developer" class="tw-bg-canvas-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="12" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="developer-details" data-developer-support-email="shopify-app-support@shopify.com"> <div class="tw-flex tw-flex-col tw-gap-lg lg:tw-gap-2xl"> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <h3 class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Developer </h3> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-items-start tw-gap-xs"> <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 tw-font-[450] !tw-border-b" href="/partners/shopify"> Shopify </a> <div> <a target="_blank" rel="noopener noreferrer" 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 tw-font-[450] !tw-border-b" href="https://help.shopify.com/en/manual/online-store/search-and-discovery"> Website </a> </div> <p class="tw-text-fg-tertiary tw-text-body-md">151 O’Connor St, Ottawa, ON, ON, CA</p> </div> </div> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <h3 class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Resources </h3> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-items-start tw-gap-xs"> <div> <a target="_blank" rel="noopener noreferrer" 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 tw-font-[450] !tw-border-b" href="https://www.shopify.com/legal/privacy"> Privacy policy </a> </div> <div> <a target="_blank" rel="noopener noreferrer" 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 tw-font-[450] !tw-border-b" href="https://help.shopify.com/en/manual/online-store/search-and-discovery"> FAQ </a> </div> <div> <a target="_blank" rel="noopener noreferrer" 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 tw-font-[450] !tw-border-b" href="https://help.shopify.com/en/manual/online-store/search-and-discovery?utm_campaign=app-store-support"> Support portal </a> </div> </div> </div> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <p class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Launched </p> <p class="tw-col-span-full sm:tw-col-span-3 tw-text-fg-secondary tw-text-body-md"> July 25, 2022 </p> </div> </div> </section> <section id="adp-permissions" class="tw-bg-canvas-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="13" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="permissions-summary"> <div class="tw-flex tw-flex-col tw-gap-lg lg:tw-gap-2xl" data-controller="permissions-summary"> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <h3 class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Data access </h3> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-items-start tw-gap-lg tw-text-fg-secondary tw-text-body-md"> <p> This app needs access to the following data to work on your store. Learn why in the developer's <a target="_blank" rel="noopener noreferrer" 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 tw-font-[450] !tw-border-b" href="https://www.shopify.com/legal/privacy"> privacy policy</a>. </p> <div> <h4 class="tw-text-heading-sm tw-text-fg-primary"> View personal data: </h4> <p data-permissions-summary-target="condensedContent"> Store owner, staff information </p> <ul id="privacy-expanded-content" data-permissions-summary-target="expandedContent" class="tw-flex tw-flex-col tw-items-start tw-gap-md tw-invisible tw-max-h-0"> <li> <h4>Store owner</h4> <p class="tw-text-body-xs tw-mt-2xs">Name, email address, phone number, physical address</p> </li> <li> <h4>Staff information</h4> <p class="tw-text-body-xs tw-mt-2xs">Name, email address, phone number</p> </li> </ul> </div> <div> <h4 class="tw-text-heading-sm tw-text-fg-primary"> View and edit store data: </h4> <p data-permissions-summary-target="condensedContent"> Products, staff accounts, Online Store </p> <ul id="scopes-expanded-content" data-permissions-summary-target="expandedContent" class="tw-flex tw-flex-col tw-items-start tw-gap-md tw-invisible tw-max-h-0"> <li> <h4>Edit products</h4> <p class="tw-text-body-xs tw-mt-2xs">Products, publications of products on sales channels, or collections</p> </li> <li> <h4>View staff accounts</h4> <p class="tw-text-body-xs tw-mt-2xs">Staff accounts</p> </li> <li> <h4>Edit your Online Store</h4> <p class="tw-text-body-xs tw-mt-2xs">Metaobject definitions, metaobjects, or checking for web cookies and conversion tracking pixels</p> </li> <li> <h4>Edit other data</h4> <p class="tw-text-body-xs tw-mt-2xs">Discovery API, Online Store search synonyms, Online Store navigation, product recommendations, or staff account private data</p> </li> </ul> </div> <button name="button" type="button" 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 tw-font-[450]" aria-expanded="false" aria-controls="privacy-expanded-content scopes-expanded-content" data-permissions-summary-target="showMoreButton" data-action="click->permissions-summary#showMore" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" data-page-type="app_details_page" data-element="show-more" data-element-group="permissions-summary">See details</button> </div> </div> </div> </section> </div> </div> <section id="adp-featured-in" class="tw-bg-canvas-secondary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="14" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="featured-in"> <section class="tw-mt-xl tw-mb-3xl lg:tw-my-2xl tw-overflow-hidden tw-py-xl md:tw-py-2xl lg:tw-py-3xl"> <h2 class="tw-text-heading-xl tw-container tw-pb-lg lg:tw-pb-2xl">Featured in</h2> <div class="tw-container tw-flex tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-snap-x md:tw-snap-none tw-overflow-x-auto tw-snap-mandatory"> <div class="tw-rounded-sm tw-overflow-hidden tw-min-h-fit tw-bg-cover tw-bg-center tw-aspect-[4/5] tw-snap-center tw-shrink-0 md:tw-shrink md:tw-aspect-[auto] tw-basis-4/5 md:tw-basis-2/3 tw-max-h-[400px]"> <a class="tw-relative tw-h-full tw-flex tw-flex-col tw-justify-end tw-group" href="https://apps.shopify.com/stories/guide-made-by-shopify?surface_detail=story_card&surface_type=app_details_page"> <img class="tw-absolute tw-h-full tw-w-full tw-transition tw-ease-out tw-duration-500 group-hover:tw-scale-[1.025] tw-object-cover" alt="" loading="lazy" decoding="async" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-made-by-shopify/display-card-697d5079f0b00ad2e641fd34d41fa3d7f5f205ae559e802c6ef144143c709926.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-made-by-shopify/display-card@2x-66de34b5657a4a0ddc12be1c710d0dbc90f730d799d46d017425e7418136d995.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-made-by-shopify/display-card-697d5079f0b00ad2e641fd34d41fa3d7f5f205ae559e802c6ef144143c709926.webp" /> <div class="tw-relative tw-flex tw-flex-col tw-gap-md lg:tw-gap-lg tw-justify-between tw-w-full tw-pt-3xl tw-pb-xl tw-px-lg xl:tw-pt-5xl xl:tw-pb-2xl xl:tw-px-xl tw-text-fg-inverted-primary tw-bg-gradient-to-t tw-from-canvas-inverted-primary/90 "> <div> <h5 class="tw-text-heading-md tw-pb-xs"> Guide </h5> <h3 class="tw-text-heading-xl tw-text-pretty group-hover:tw-underline tw-underline-offset-[0.125em] tw-decoration-1">Get the apps that are made by Shopify</h3> </div> </div></a></div> <div class="tw-rounded-sm tw-overflow-hidden tw-min-h-fit tw-bg-cover tw-bg-center tw-aspect-[4/5] tw-snap-center tw-shrink-0 md:tw-shrink tw-basis-4/5 md:tw-basis-1/3 xl:tw-aspect-[1] tw-max-h-[400px]"> <a class="tw-relative tw-h-full tw-flex tw-flex-col tw-justify-end tw-group" href="https://apps.shopify.com/stories/merchant-tech-stack-corsa-performance?surface_detail=story_card&surface_type=app_details_page"> <img class="tw-absolute tw-h-full tw-w-full tw-transition tw-ease-out tw-duration-500 group-hover:tw-scale-[1.025] tw-object-cover" alt="" loading="lazy" decoding="async" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-corsa-performance/display-card-9fa6d2270babb8be96be4fb5d41aa28360d66d3992c377dda39c98f8d730932c.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-corsa-performance/display-card@2x-7df5c0ca29b2a92eb9a4210a80ed93ad8c11844bd85ea71c8f7a7fa6700012ae.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-corsa-performance/display-card-9fa6d2270babb8be96be4fb5d41aa28360d66d3992c377dda39c98f8d730932c.webp" /> <div class="tw-relative tw-flex tw-flex-col tw-gap-md lg:tw-gap-lg tw-justify-between tw-w-full tw-pt-3xl tw-pb-xl tw-px-lg xl:tw-pt-5xl xl:tw-pb-2xl xl:tw-px-xl tw-text-fg-inverted-primary tw-bg-gradient-to-t tw-from-canvas-inverted-primary/90 "> <div> <h5 class="tw-text-heading-md tw-pb-xs"> Tech stack </h5> <h3 class="tw-text-heading-xl tw-text-pretty group-hover:tw-underline tw-underline-offset-[0.125em] tw-decoration-1">Discover the apps CORSA Performance uses to shift their business into high gear.</h3> </div> </div></a></div> </div> </section> </section> <section id="adp-similar-apps" class="tw-bg-canvas-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="15" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="similar-apps"> <div class="tw-container"> <section class="tw-w-full tw-flex tw-gap-gutter--mobile lg:tw-gap-x-gutter--desktop tw-flex-col tw-mt-lg md:tw-mt-xl xl:tw-mt-2xl" data-controller="recommended-apps"> <div class="tw-col-span-full lg:tw-col-span-3 tw-flex tw-flex-col tw-pb-sm md:tw-gap-xs sm:tw-gap-2xs"> <h2 class="tw-text-heading-xl"> More apps like this </h2> </div> <div class="tw-col-span-full lg:tw-col-span-8 lg:tw-col-start-5 xl:tw-col-span-9 xl:tw-col-start-4"> <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 xl:tw-grid-cols-3"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="rapid-search" data-app-card-name-value="Rapid AI Search Bar & Filter" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/783115f7f0a0396e05f1baab9b276204/icon/CKPNlp2MkIcDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/rapid-search?surface_detail=search-and-discovery&surface_inter_position=1&surface_intra_position=1&surface_type=app_details" 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/783115f7f0a0396e05f1baab9b276204/icon/CKPNlp2MkIcDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/783115f7f0a0396e05f1baab9b276204/icon/CKPNlp2MkIcDEAE=.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/783115f7f0a0396e05f1baab9b276204/icon/CKPNlp2MkIcDEAE=.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/rapid-search?surface_detail=search-and-discovery&surface_inter_position=1&surface_intra_position=1&surface_type=app_details" class=""> Rapid AI Search Bar & 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.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">(409)</span> <span class="tw-sr-only">409 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"> Boost Sales With AI Search Bar, Filter & Search Recommendation </div> </div> <div class="tw-border-none "> </div> </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=search-and-discovery&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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=search-and-discovery&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="instant-search" data-app-card-name-value="Fast Simon AI Search & Filters" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/2fdf165bce6a41670dd95ec05375b66f/icon/CN_LrKrjy_4CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/instant-search?surface_detail=search-and-discovery&surface_inter_position=1&surface_intra_position=3&surface_type=app_details" 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/2fdf165bce6a41670dd95ec05375b66f/icon/CN_LrKrjy_4CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/2fdf165bce6a41670dd95ec05375b66f/icon/CN_LrKrjy_4CEAE=.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/2fdf165bce6a41670dd95ec05375b66f/icon/CN_LrKrjy_4CEAE=.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/instant-search?surface_detail=search-and-discovery&surface_inter_position=1&surface_intra_position=3&surface_type=app_details" class=""> Fast Simon AI Search & Filters </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">(721)</span> <span class="tw-sr-only">721 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"> Maximize your store sales & ROI with this easy-to-install app. </div> </div> <div class="tw-border-none "> </div> </div> </div> </div> </div> </div> </section> </div> </section> </div> <div class="tw-pt-lg lg:tw-pt-2xl"> <div class="tw-bg-canvas-inverted-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="category" data-waypoint-waypoint="0" data-waypoint-surface="category" data-waypoint-surface-detail="store-design"> <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/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" data-page-type="category" data-element="get-started-btn" data-element-group="signup-free-trial" href="https://accounts.shopify.com/store-create?_s=879fd6d6-a5f3-4f9b-903d-05bd84122097&_y=ce96e1c1-856c-4f94-ac81-290000cb79ff&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fsearch-and-discovery%3Fsurface_detail%3Dstore-design%26surface_inter_position%3D2%26surface_intra_position%3D1%26surface_type%3Dcategory%26surface_version%3Dredesign&signup_types%5B%5D=paid_trial_experience"> Try Shopify free for 3 days </a> </div> </div> </div> </div> </main> <footer class="tw-py-10 tw-text-body-md tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" data-section-name="footer" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="page_footer" data-waypoint-waypoint="16" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="page_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="-3H4l9oHmGp3WJ8oKTXxNm6FxCqU6vxJhr98s87AEIrzSYdMb2LTt5CcbQEwMPhBYQkqG_ZDBeY38hF5dQLCbg" 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" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="page_footer" data-waypoint-waypoint="17" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="end_of_page"></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/search-and-discovery" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lHU5hn7W2lnU1ieYjRy2-zkXfpSN6qHKha0gnk-VngCcTUZdy7ORhDMS1bGUGb-MNpuQpe9DWGU04E1U9FdM5A" 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="/search-and-discovery?surface_detail=store-design&surface_inter_position=2&surface_intra_position=1&surface_type=category&surface_version=redesign" 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=879fd6d6-a5f3-4f9b-903d-05bd84122097&_y=ce96e1c1-856c-4f94-ac81-290000cb79ff&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fsearch-and-discovery%3Fsurface_detail%3Dstore-design%26surface_inter_position%3D2%26surface_intra_position%3D1%26surface_type%3Dcategory%26surface_version%3Dredesign&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=%2Fsearch-and-discovery%3Fsurface_detail%3Dstore-design%26surface_inter_position%3D2%26surface_intra_position%3D1%26surface_type%3Dcategory%26surface_version%3Dredesign"> Developer login</a> </div> </div> </div> </div> </div> <div id="IncompatibleInstallModal" class="eco-modal" role="dialog"> <div class="eco-modal-section" data-section="main"> <div class="eco-modal-header"> <h2 class="eco-modal-title"> This app isn’t compatible with your 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-secondary"> <p> Shopify Search & Discovery is only compatible with stores that: </p> <ul class="tw-list-disc tw-pt-2 tw-pl-6"> </ul> </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"> Close </button> </div> <div class="eco-modal-action-secondary"> <a target="_blank" rel="noopener noreferrer" 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://help.shopify.com/en/manual/apps/app-compatibility"> Learn about app compatibility</a> </div> </div> </div> </div> </div> </div> </div> <div id="ModalBackdrop" class="eco-modal-backdrop" aria-hidden="true"></div> </div> </body> </html>