SnapScroll

Basit seviyedeki scroll ve slide animasyonu için kullanılır. Örneğin ürün listede varyantların buton olarak kullanımında

Örnek kullanım

<div data-toggle="snap-scroll">

<div class="snap-scroll">

<a class="snap-item ">slide item </a>

<a class="snap-item ">slide item </a>

<a class="snap-item ">slide item </a>

</div>

<div class="snap-prev">

<i class="ti-arrow-left"></i>

</div>

<div class="snap-next">

<i class="ti-arrow-right"></i>

</div>

</div>

Örnek kullanım (varyant)

<div class="snap-scroll-container mb-1" data-toggle="snap-scroll">

<div class="snap-scroll">

{foreach from=$SUB_LIST item=SUB name=variant}

<a href="javascript:void(0);"

id="{$SUB.TYPE_ID}"

data-id="{$SUB.TYPE_ID}"

data-subproduct-id="{$SUB.ID}"

data-pid="{$P.ID}"

data-target="{$P.ID}{$BLOCK.ID}"

data-type="{$SUB.TYPE}"

data-code="{$SUB.CODE}"

data-price="{$SUB.PRICE}"

data-stock="{$SUB.STOCK}"

data-barcode="{$SUB.BARCODE}"

data-mop="{$SUB.MONEY_ORDER_PERCENT}"

data-vat="{$SUB.VAT}"

data-not-discounted="{$SUB.PRICE_NOT_DISCOUNTED}"

data-group-id="{$GRUP_TIP_NO}"

data-toggle="variant"

class="snap-item {if !$smarty.foreach.variant.last} mr-1{/if} border p-1 sub-button-item{if $SUB.TYPE_ID == $SELECTED && $IS_DEFAULT_VARIANT_ACTIVE|default:1 == 1} selected{/if}{if $SUB.IN_STOCK == false && $NEGATIVE_STOCK == 0} passive{/if}">

<span>{$SUB.TYPE}</span>

<i class="ti-check"></i>

</a>

{/foreach}

</div>

<div class="snap-prev">

<i class="ti-arrow-left"></i>

</div>

<div class="snap-next">

<i class="ti-arrow-right"></i>

</div>

</div>