{extends file="layout.tpl"} {block name="main-content"}

Logo

{renderSvgImage file={encore_manifest_file file="dist/images/logo.svg"} class="w-40 h-8"}

Icons

{renderIconSvg icon="user" class="w-4 h-5"} {renderIconSvg icon="cart" class="w-4 h-5"} {renderIconSvg icon="search" class="w-4 h-4"} {renderIconSvg icon="filter" class="w-5 h-4"} {renderIconSvg icon="arrow" class="w-2 h-4"} {renderIconSvg icon="plus" class="w-3 h-3"} {renderIconSvg icon="minus" class="w-3 h-3"} {renderIconSvg icon="arrow" class="w-2 h-4 origin-center rotate-90"} {renderIconSvg icon="arrow" class="w-2 h-4 origin-center -rotate-90"} {renderIconSvg icon="arrow" class="w-2 h-4 origin-center -rotate-180"} {renderIconSvg icon="download" class="w-4 h-4"} {renderIconSvg icon="map-pin" class="w-4 h-5"} {renderIconSvg icon="eye" class="w-5 h-4"} {renderIconSvg icon="trash" class="w-4 h-4"}
{renderIconSvg icon="secure" class="w-16 h-16"} {renderIconSvg icon="delivery" class="w-16 h-16"} {renderIconSvg icon="respectful" class="w-16 h-16"} {renderIconSvg icon="pet-friendly" class="w-16 h-16"}
{renderIconSvg icon="france" class="w-20 h-3"}
{renderIconSvg icon="facebook" class="w-6 h-6"} {renderIconSvg icon="instagram" class="w-6 h-6"} {renderIconSvg icon="linkedin" class="w-6 h-6"} {renderIconSvg icon="youtube" class="w-6 h-4"}

Typographie (desktop et mobile)

{include file="components/smarty/Title/Title.html" type="h1" level="1" title="Titre 1" class="py-4"} {include file="components/smarty/Title/Title.html" type="h1" level="2" title="Titre 2" class="py-4"} {include file="components/smarty/Title/Title.html" type="h1" level="3" title="Titre 3" class="py-4"} {include file="components/smarty/Title/Title.html" type="h1" level="4" title="Titre 4" class="py-4"}
Texte Chapeau

Texte Chapeau Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam maxime earum explicabo incidunt exercitationem. Labore ex, vel voluptatibus unde quis, veritatis consequatur facilis omnis voluptas officiis atque debitis optio eligendi.

Fil d'ariane

{$breadcrumbs = [ [ "title" => 'Boutique', "url" => '#1' ], [ "title" => 'Univers Canin', "url" => '#2' ], [ "title" => 'Friandise d\'éducation', "url" => '#2' ] ]} {include file="components/smarty/BreadCrumb/BreadCrumb.html"}

Fil d'ariane

Liens

Notification, tuiles, commande

{include file="components/smarty/Tag/Tag.html" type="primary" text="Nouveau"} {include file="components/smarty/Tag/Tag.html" type="secondary" text="Coup de coeur"} {include file="components/smarty/Tag/Tag.html" type="primary" text="Épuisé"}

Selecteur de déclinaison

Filtres

{include file="components/smarty/FilterBtn/FilterBtn.html" count=4} {include file="components/smarty/FilterBtn/FilterBtn.html"}

Tuiles produit

{loop type="product" name="product" id=1} {include file="components/smarty/SingleProduct/SingleProduct.html"} {include file="components/smarty/SingleProduct/SingleProduct.html"} {include file="components/smarty/SingleProduct/SingleProduct.html"} {include file="components/smarty/SingleProduct/SingleProduct.html"} {/loop}

Tuiles catégorie

{loop type="category" name="category"} {include file="components/smarty/ContentCard/ContentCard.html"} {/loop}

Tuiles espace client

{include file="components/smarty/AccountCard/AccountCard.html" url={url path="/account-orders"} icon={renderIconSvg icon="cart" class="w-4 h-5"} title={intl l="Mes commandes"} subTitle={intl l="Retrouvez vos commandes en cours et consultez votre historique"}} {include file="components/smarty/AccountCard/AccountCard.html" url={url path="/account/update"} icon={renderIconSvg icon="user" class="w-4 h-5"} title={intl l="Mon profil"} subTitle={intl l="Modifier votre nom, adresse mail ou mot de passe"}} {include file="components/smarty/AccountCard/AccountCard.html" url={url path="/account/address"} icon={renderIconSvg icon="map-pin" class="w-4 h-5"} title={intl l="Mes adresses"} subTitle={intl l="Gérez votre carnet d’adresses"}}

Formulaire

{form name="thelia.front.customer.create"} {include file="includes/address-form.html"} {form_field field="title"} {call name="fn_address_field_title"} {/form_field} {form_field field="firstname"} {call name="fn_address_field_firstname"} {/form_field} {form_field field="password"} {$error ="dsfevfe"} {$message ="dsfevfe"} {call name="fn_password_field"} {/form_field} {/form}

Pagination, Steps

{$limit = 10} {$page={$page|default:{$smarty.get.page|default:1}}} {loop type="country" name="country_test" limit=10 page=$page}{/loop} {if 205 > $limit} {include file="components/smarty/Pagination/Pagination.html" current_page=$page loop_name="country_test"} {/if}
{/block}