Způsob dodání

Šablona výběru dopravy prochází postupným sjednocováním, zjednodnošováním a převodem do komponent. Cílem je postupně zavést novější postupy aniž by bylo nutné od začátku přepisovat všechny šablony.

V příkladech níže jsou podstatné i:**** tagy a zbytek šablony bude u každého eshopu historicky jiný.

Delivery-transport a delivery-branch

Definuje prvek pro výběr přepravce. Typicky to je input radio s popiskem třeba Česká pošta.

Výběr pobočky se zobrazí pouze pokud dané dodání pobočky podporuje (neřeší se v šabloně). Text tlačítka výběru pobočky je volitelný a je automaticky přidán do překladů.

Do tagu reload-targets je možné vložit selektory pro elementy, které se mají automaticky aktualizovat při změně dopravy nebo platby.

<i:delivery-transports tag="div" reload-targets=".order_totals">
    {% for transport in transports %}
        <i:delivery-transport tag="div" transport="transport">
            <label>
                <input type='radio' if:checked="transport.selected" name='transport'>
                {{ transport.name }}
            </label>
            <i:delivery-branch button-text="cart.select-branch.button"/>
        </i:delivery-transport>
    {% endfor %}
</i:delivery-transports>

<!-- vygenerovaný kód - může se měnit! -->

<div data-component="delivery-transports">
    <div data-component="delivery-transport">
        <label>
            <input type="radio" name="transport" value="14">
            Česká pošta
        </label>
        <div data-component="delivery-branch">
            <input type="hidden" name="pobocka[zasilkovna_stat_1000]" value="17">
            <span>Drtinova 10, Praha</span>
            <a href="#">vyberte pobočku</a>
        </div>
    </div>
</div>

Delivery-payment

Definuje prvek pro výběr platby. Typicky to je input radio s popiskem třeba platba kartou. Tag určuje související prvek pro jednoho přepravce - aktuálně pouze výběr pobočky.

Dostupné platby se automaticky aktualizují při změně dopravy.

<i:delivery-payments tag="div" reload-targets=".order_totals">
    {% for payment in payments %}
        <i:delivery-payment tag="div" payment="payment">
            <label>
                <input type='radio' if:checked="payment.selected name='payment'>
                {{ payment.name }}
            </label>
        </i:delivery-payment>
    {% endfor %}
</i:delivery-payments>

<!-- vygenerovaný kód - může se měnit! -->

<div data-component="delivery-payments">
    <div data-component="delivery-payment">
        <label>
            <input type="radio" name="payment" value="14">
            platba kartou
        </label>
    </div>
</div>

Delivery-map

Definuje prvek s interaktivní mapou dopravce.

<i:delivery-map />
<i:delivery-map country="cz" carrier="zasilkovna" query="Praha" />

Attributy mapy delivery-map

Atribut	Povinný	Popis
country	ne	Stát
carrier	ne	Typ dopravce
query	ne	Hledané fráze

<!-- vygenerovaný kód - může se měnit! -->

<div data-type="zasilkovna" data-search="Praha" data-country="cz" class="branch-map"></div>