Blocks

Premiers pas

Notions de base des blocs

Ajoutez des blocs de contenu aux sections de votre thème Shopify Align à l’aide de l’éditeur de thème Shopify.

Références du thème

Blocs

Des blocs de construction réfléchis et raffinés à utiliser dans les sections. Sélectionnez un bloc ci-dessous pour afficher ses paramètres et ses notes d’utilisation.

Blocs

Accordéon

Organisez les FAQ et les détails supplémentaires dans des panneaux extensibles avec des médias et des boutons facultatifs.

Blocs

Icône de compte

Aidez les clients à accéder rapidement à leur compte grâce à une icône de compte flexible dans l’en-tête.

Blocs

Bannière

Créez des bannières promotionnelles avec des médias superposés, du texte, des boutons et un contrôle d’affichage spécifique à l’appareil.

Blocs

Avantages

Affichez jusqu’à trois avantages clés avec des icônes et un court texte d’appui.

Blocs

Article de blog

Mettez en avant un article unique dans une carte d’article flexible avec un style personnalisé et un contrôle de la visibilité.

Blocs

Fil d’Ariane

Ajoutez un lien parent manuel pour une navigation du fil d’Ariane plus claire.

Blocs

Fil d’Ariane

Aidez les clients à remonter dans la hiérarchie des pages grâce à un fil d’Ariane personnalisable.

Blocs

Bouton

Créez un bouton d’appel à l’action flexible avec des options de style, d’icône, de lien et d’affichage sur mobile personnalisables.

Blocs

Boutons d’achat

Personnalisez la zone d’achat du produit avec des options de paiement, des détails d’achat et un comportement de barre d’achat fixe.

Blocs

Panier

Ajoutez une icône de panier à votre navigation et adaptez son emplacement et sa visibilité pour chaque appareil.

Blocs

Bannière de collection

Ajoutez une bannière promotionnelle à la grille de collection avec des contrôles flexibles sur les médias, les messages et les couleurs.

Blocs

Produits complémentaires

Mettez en avant des produits complémentaires associés avec des mises en page flexibles et un style de carte adapté aux ventes croisées.

Blocs

Formulaire de contact

Créez un formulaire de contact à l’image de votre marque avec des contrôles flexibles pour l’en-tête, le bouton, l’arrière-plan et l’affichage sur mobile.

Blocs

Informations de contact

Affichez le téléphone, l’e-mail, l’adresse, les horaires et les liens sociaux dans un bloc de contact clair et flexible.

Blocs

Copyright

Afficher le texte de copyright du pied de page avec un alignement flexible et un contrôle de la disposition selon l’appareil.

Blocs

Actif personnalisé

Ajoutez un script ou une feuille de style personnalisé à un modèle spécifique pour du code ciblé ou des intégrations externes.

Blocs

CSS personnalisé

Utilisez du CSS personnalisé pour des ajustements de style précis lorsque les paramètres standard ne suffisent pas.

Blocs

JavaScript personnalisé

Placez du JavaScript personnalisé dans un bloc pour des intégrations ciblées, des widgets et des services tiers.

Blocs

Liquid personnalisé

Ajoutez du Liquid personnalisé, des extraits d’applications ou du contenu dynamique exactement où vous le souhaitez.

Blocs

Description

Affichez la description principale du produit avec une mise en forme flexible et un texte extensible en option.

Blocs

Caractéristique

Mettez en avant un avantage ou un point de confiance avec une icône, un court texte et un lien facultatif.

Blocs

Groupe de filtres

Ajoutez un groupe de filtres de tags extensible pour rendre le filtrage des collections plus clair et plus facile à utiliser.

Blocs

Bouton Suivre sur Shop

Aidez les clients à suivre votre boutique dans l’application Shop grâce à un bouton simple pour les mises à jour et les recommandations.

Blocs

Menu de pied de page

Affichez un menu de navigation de pied de page soigné avec des contrôles flexibles pour l’alignement, l’en-tête et la mise en page.

Blocs

Menu hamburger

Affiche un bouton de menu mobile et aide à garder la navigation de votre en-tête facile à trouver sur les petits écrans.

Blocs

Titre

Organisez le contenu de la page avec un titre clair, un texte d’accompagnement et un bouton facultatif.

Blocs

Icône avec texte

Mettez en avant une caractéristique, un avantage ou un signal de confiance avec une icône, un texte court et un lien facultatif.

Blocs

Image

Ajoutez une image autonome avec des contrôles flexibles de taille, de recadrage, de légende, d’overlay et de mise en page mobile.

Blocs

Sélecteurs de localisation

Ajoutez des sélecteurs flexibles de pays, de devise et de langue qui s’intègrent proprement aux mises en page pour ordinateur et mobile.

Blocs

Logo

Ajoutez une image de marque flexible à l’en-tête avec des contrôles distincts pour la taille, le placement et la visibilité du logo.

Blocs

Élément de logo

Affichez un logo lié ou une image de marque avec du texte facultatif et un dimensionnement flexible.

Blocs

Menu principal

Affichez un menu de navigation avec des menus déroulants, ainsi qu’une bannière et des contrôles de mise en page en option.

Blocs

Méga menu

Créez un grand menu déroulant avec des liens organisés et un contenu de bannière promotionnelle facultatif.

Blocs

Icônes de paiement

Affichez les icônes de paiement acceptées avec une mise en page et un contrôle de visibilité flexibles sur ordinateur et sur mobile.

Blocs

Prix

Contrôlez le style du prix des produits, le texte des politiques et la visibilité sur tous les appareils.

Blocs

Produit

Mettez un produit en avant avec des contrôles flexibles de style de carte, de couleur et de visibilité.

Blocs

Sélecteur de quantité

Ajoutez des contrôles de quantité avec un message de stock facultatif pour faciliter des décisions d’achat plus rapides.

Blocs

Texte riche

Créez un bloc de texte flexible avec une icône et un bouton facultatifs pour un message clair et soigné.

Blocs

Ligne

Ajoutez une ligne d’accordéon repliable avec un contenu flexible, des médias en option et des liens d’appel à l’action clairs.

Blocs

Recherche

Créez une expérience de recherche de marque avec des résultats en direct, des suggestions sélectionnées et un contenu de bannière facultatif.

Blocs

Bloc Séparateur

Créez un espacement adaptatif entre les blocs, avec une ligne de séparation facultative pour des ruptures de contenu plus claires.

Blocs

UI de partage/impression

Ajoutez des boutons de partage et d’impression adaptés à votre mise en page sur ordinateur et mobile.

Blocs

Diapositive

Créez une diapositive de diaporama avec du texte, des icônes facultatives et un média image ou vidéo.

Blocs

Icônes de réseaux sociaux

Affichez vos profils sociaux configurés avec des styles flexibles, une sélection de réseaux, et des contrôles de visibilité simples.

Blocs

Témoignage

Affichez une citation client avec un produit et des médias facultatifs pour instaurer la confiance et soutenir une narration centrée sur le produit.

Blocs

Title

Affichez le titre du produit avec un style flexible et des boutons facultatifs de partage ou d’impression.

Blocs

Sélecteur de variantes

Afficher les variantes de produit avec des listes déroulantes, des pastilles et des échantillons de couleur ou d’image en option.

Blocs

Vidéo

Affichez une vidéo hébergée, YouTube ou Vimeo avec une mise en page responsive et des contrôles de lecture.

Notes de version

v1.3

Version majeure qui remanie le mini-panier et le panier pour améliorer les performances et la compatibilité avec les applications, ajoute de nombreux modèles ainsi que de nombreux paramètres de thème, de section et de bloc, réduit le JavaScript de plus de 50 %, propose une option d’en-tête centré et étend la localisation (chinois, néerlandais, japonais et portugais/brésilien).

Notes de version

v1.5

Version majeure avec de nouveaux contrôles pour le thème, les sections et les blocs, une recherche prédictive et des options de galerie améliorées, des modèles supplémentaires et une localisation étendue à 20 langues.

Notes de version

v1.6

Version majeure apportant des variantes avec nuanciers de couleurs et d’images, une nouvelle section Buttons, de nombreux paramètres de thème et de bloc, d’importantes améliorations de la navigation, des collections et de l’expérience utilisateur des produits, ainsi qu’une localisation étendue à 25 langues.