Webotvůrci

Zobrazení kalkulačky pouze u varianty „Na míru“

Upraveno: 5. 3. 2025
Jste zde:
Délka čtení: 1 min

Pokud prodáváte hotové produkty a chcete zároveň přidat možnost objednávky na míru, je možné použitím skriptu kalkulačku u produktu skrýt a zobrazit pouze v případě, že je vybrána možnost „Na míru“

Svůj produkt si připravte jako produkt s variantami. Své obvyklé již hotové výrobky nastavte tak, jak jste zvyklí, ale přidejte ještě jednu variantu, která se bude jmenovat „Na míru“.

Otestujte si tuto funkci na našem testovacím produktu.


Tuto variantu připravte pro prodej po měrných jednotkách.

Nastavte si kalkulačku dle potřeby v administraci doplňku Produktová kalkulačka.

Pokud chcete, aby se u daného produktu kalkulačka zobrazila jen při výběru konkrétní možnost a nezobrazila při prvním načtení stránky, použijte tento kód v HTML editoru (Nástroje – Zdrojový kód) v krátkém nebo dlouhém popisu produktu:

<style>
.w_classic {
  display: none; /* skryto od začátku */
}
</style>


Následně nastavte tento skript ve Vzhled a obsah – Editor – HTML kódy v části Zápatí.

<script>
$(document).ready(function() {
    function shouldAlwaysShow() {
        var containsCustom = false;
        
        $('#simple-variants-select option').each(function() {
            if ($(this).text().trim().includes('Na míru')) {
                containsCustom = true;
                return false;
            }
        });
        
        return !containsCustom;
    }

    function checkSelect() {
        if (shouldAlwaysShow()) {
            $('.w_classic').show();
            return;
        }

        var selectedText = $('#simple-variants-select').find('option:selected').text().trim();

        if (selectedText.includes('Na míru')) {
            $('.w_classic').show();
        } else {
            $('.w_classic').hide();
        }
    }

    checkSelect();

    $('#simple-variants-select').on('change', checkSelect);
});

</script>

Skripty vždy otestujte, jestli fungují správně a neovlivňují jiné funkce na webu. Při zásahu do HTML kódů šablon vždy zálohujte původní kód.

Pokud potřebujete pomoci, neváhejte se na nás obrátit na shoptet@webotvurci.cz

Pomohl Vám tento článek?
Dislike 0 0 z 0 shledali tento návod přínosný.