Dobrý den,
již jsme stejný dotaz na fóru řešili v tématu
PrestaShop 1.6 - Výber prepravcu kliknutím na obrázok. Jelikož pro každou šablonu bude postup jiný a každý používá jiný typ objednávkového procesu, nedá se vytvořit nějaký univerzální postup. Takže nastíním alespoň jednu z možných variant pro výchozí šablonu
default-bootstrap, která umožní výběr dopravce kliknutím na jeho logo.
V souboru
themes/default-bootstrap/order-carrier.tpl najděte kód s obrázkem dopravce. Jedná se o řádek začínající:
Kód:
<img class="order_carrier_logo"
Před kód přidejte:
Kód:
<label for="delivery_option_{$id_address|intval}_{$option@index}">
a za kód přidejte:
Kód:
</label>
Původní řádek tedy vypadal např.:
Kód:
<img class="order_carrier_logo" src="{$carrier.logo|escape:'htmlall':'UTF-8'}" alt="{$carrier.instance->name|escape:'htmlall':'UTF-8'}"/>
a po úpravě:
Kód:
<label for="delivery_option_{$id_address|intval}_{$option@index}"><img class="order_carrier_logo" src="{$carrier.logo|escape:'htmlall':'UTF-8'}" alt="{$carrier.instance->name|escape:'htmlall':'UTF-8'}"/></label>
Stejnou úpravu proveďte na všech řádcích začínajících výše zmíněným kódem, které v souboru naleznete. A také v dalších šablonách souvisejících s dopravou:
- themes/default-bootstrap/order-carrier-advanced.tpl
- themes/default-bootstrap/order-carrier-opc-advanced.tpl
Úprava samozřejmě počítá s tím, že u každého dopravce bude obrázek s logem. Pokud by dopravce logo neměl, nebylo by na co kliknout.
Tagu
label pak případně můžete nastavit pomocí CSS stylů jiný kurzor, aby bylo jasné, že je logo klikatelné. Například kurzor ručičky pomocí:
Kód:
cursor: pointer;
Pokud na úpravu nemáte znalosti, případně chcete-li výběr dopravců upravit do jiné podoby, můžete se obrátit na některého z
našich partnerů (příp. vpravo blok
PrestaShop partneři), který se aplikaci PrestaShop věnuje.
Přihlásit se
Registrovat
FAQ
Hledat
