Jak kompletně skrýt vyprodané produkty v kolekcích 🫣
Jan Němec, Co-Founder, UX & Front-end Engineer

Zobrazení vyprodaných produktů může zákazníkům způsobit frustraci, pokud hledají dostupné položky. Pokud ve vašem obchodě často dochází zásoby některých produktů, může být dobrý nápad úplně skrýt vyprodané produkty z vašich kolekčních stránek. Tím zajistíte, že zákazníci uvidí pouze dostupné produkty, což jim usnadní a zlepší nákupní zážitek.
Proč skrýt vyprodané produkty? 🧐
Nikdo nechce vidět produkt, který si chce koupit, jen aby zjistil, že je vyprodaný. Skrytí vyprodaných produktů zcela zlepšuje zážitek z procházení tím, že se zobrazí jen to, co je k dispozici. To může vést k vyšší míře konverze, protože zákazníci se mohou soustředit na to, co si mohou skutečně koupit, bez zbytečných rozptýlení.
Jaké máte možnosti?
-
Použití aplikací z App Storu 💰 V Shopify App Storu existují aplikace, které vám umožní automaticky skrývat vyprodané produkty. Mnohé z nich však vyžadují měsíční poplatky amohou komplikovat vaše kolekce tím, že vytvářejí další nastavení nebo kolekce v administraci obchodu.
-
Úprava kódu šablony 👨💻 Lepším řešením je upravit přímo kód vaší šablony. Je to zdarma, snadné a dává vám plnou kontrolu nad tím, jak se vyprodané produkty zobrazují—nebo v tomto případě nezobrazují!
Jak skrýt vyprodané produkty zdarma?
- Zkopírujte níže uvedený kód 👇🏻
- Otevřete svůj šablonový soubor kolekce, často se nachází jako
collection.liquid
,main-collection.liquid
, nebomain-collection-product-grid.liquid
. - Najděte místo, kde jsou produkty vypisovány s řádkem jako
{"{% for product in collection.products %}"}
. - Nahraďte tento kód upravenou verzí a soubor uložte.
{% assign available_products = collection.products | where: 'available' %}
{%- for product in available_products limit: section.settings.products_count -%}
<!-- Váš kód pro zobrazení dostupných produktů -->
{%- endfor -%}
Hotovo! 🎉
Nyní by měly být všechny vyprodané produkty ve vašich kolekcích skryty! Toto je výkonný nástroj, jak optimalizovat procházení vaším obchodem a zajistit, že vaši zákazníci vidí pouze dostupné produkty.
Hledáte další tipy, jak optimalizovat svůj Shopify obchod? Podívejte se na náš další průvodce: Jak přesunout vyprodané produkty na konec seznamu, kde se dozvíte, jak změnit pořadí kolekcí, aby se vyprodané produkty zobrazovaly na konci.