<aside> 💡 Avec cette section, vous pouvez quasiment tout faire. Il n’est pas étonnant qu’à terme l’intégralité de votre boutique soit réalisée avec cette sectio.n

</aside>

Voici deux images pour vous expliquer ce que vous pouvez faire ou non (Ces images deviendront surement beaucoup plus claires par la suite) :

Screen Shot 2023-01-19 at 4.27.43 PM.png

Screen Shot 2023-01-19 at 4.28.01 PM.png

… Vous pouvez aligner plusieurs blocs différents sur une même ligne (Image 1) mais vous ne pouvez pas superposer plusieurs blocs différents sur une même ligne, seulement sur deux lignes différentes (Image 2)

1. À savoir

Vous disposez de nombreux blocs vous permettant de re-faire toutes les sections principales du thème.

Screen Shot 2023-01-19 at 4.32.45 PM.png

Dans vos paramètres de section, vous trouverez 2 paramètres d’alignement (Horizontal, Vertical), ces paramètres contrôlent toute la structure de vos blocs.

Screen Shot 2023-01-19 at 4.34.43 PM.png

Screen Shot 2023-01-19 at 4.39.55 PM.png

⚠️ Si vos blocs font 100% de la largeur et de la hauteur, l’alignement n’aura aucun effet.

2. Paramètres de section

2.1. Fond : Vous avez 2 options, ajouter une couleur de fond ou une image de fond (Ordinateur et/ou mobile)

<aside> ℹ️ On vous recommande d’utiliser le paramètre de hauteur minimum pour mieux prévisualiser

Screen Shot 2023-01-19 at 4.43.08 PM.png

</aside>

Les autres paramètres de section sont censés être clairs.

3. Paramètres de blocs

3.1. Largeur

<aside> ℹ️ Par défaut, chaque bloc prend 100% de la largeur sur Ordinateur ou Mobile

</aside>

Exemple avec 2 blocs :

Screen Shot 2023-01-19 at 4.47.12 PM.png

Screen Shot 2023-01-19 at 4.47.25 PM.png

Exemple : Je veux créer une section Image + Vidéo, dans ce cas, je vais définir ma largeur de bloc sur 50%

Screen Shot 2023-01-19 at 4.48.27 PM.png

Screen Shot 2023-01-19 at 4.49.06 PM.png

3.2. Afficher / Cacher des blocs sur Ordinateur ou Mobile

Cette fonctionnalité vous permettra d’avoir des affichages totalement différents entre les deux types d’appareils. Exemple :

Screen Shot 2023-01-19 at 4.50.28 PM.png

Screen Shot 2023-01-19 at 4.53.33 PM.png