DOCUMENTATION SHOPIWEB PREMIUM
  • 👋Bienvenue
  • Présentation
    • 🏆Shopiweb Premium
    • 💳Achat du thème
    • ✨Nos Fonctionnalités
  • Documentation
    • PARAMÈTRES DU THÈME
      • 🟢ÉCOSYSTÈME DU THÈME
      • 🟠CODE PERSONNALISÉ
      • 🟢COULEURS
      • 🟢STYLE
      • 🟢TYPOGRAPHIE
      • 🟠ANIMATIONS
      • 🟢RÉSEAUX SOCIAUX
      • 🟠APPLICATIONS
        • 🟢Titre onglet inactif
        • 🟠Compte à rebours panier
        • 🟠Objectif panier
        • 🟠Chat WhatsApp
        • 🟠Protection boutique
        • 🟠Cookies RGPD
      • 🟢PANIER
        • 🟠Panier coulissant
        • 🟢🏆 Protection Colis
        • 🟢Témoignage Panier
      • 🟢RECHERCHE
      • 🟢VARIANTES
        • 🟢Sélecteur de devise
      • 🟠PASSAGE À LA CAISSE
      • 🟠CSS PERSONNALISÉ
    • EN-TÊTE
      • 🟢En-tête (navigation)
        • 🟢🏆 Bouton
        • 🟢🏆 Micro menu
    • SECTIONS
      • 🟢Accordeon visuel
      • 🟢Scrolling images
      • 🟢🏆 Barre d'annonces
      • 🟢🏆 Stories animées
      • 🟢Diaporama
      • 🟢Texte/Logo défilant
      • 🟢Collection en vedette
      • 🟢Liste de collections
      • Récemment consultés
      • 🟢Texte enrichi
      • 🟢Texte défilant
      • 🟢Texte dynamique
      • 🟢Image parallaxe
      • 🟢Carte avec image
      • 🟠Cartes avec vidéo
      • 🟢🏆 TikTok galerie
      • 🟢🏆 Instagram galerie
      • 🟢Image avec texte
      • 🟢Vidéo avec texte
      • 🟢Image comparaison
      • 🟢🏆 Compteur élite
      • 🟢Compteurs animés
      • 🟢Produit en vedette
      • 🟢F.A.Q
      • 🟢🏆 HTML / Liquid
      • 🟢Vidéo interne
      • 🟢Vidéo externe
      • 🟢🏆 Newsletter Popup
      • 🟢Newsletter
      • 🟢Formulaire de contact
      • 🟢Articles de blog
      • 🟢Bordure personnalisée
      • 🟢Image
      • 🟢Multicolonne
      • 🟢Témoignages
      • 🟢Tableau comparatif
      • 🟢Flip Flap texte
      • 🟢Galerie de style
      • 🟢Chronologie
      • 🟢Collage dynamique
      • 🟢Média navigation
      • 🟢🏆 Vidéo Sticky
      • 🟢Tracking
      • 🟢Barre de réduction
      • 🟢Texte déroulant
      • 🟢Image texte explorateur
      • 🟢Ajouter un fil d’Ariane sans code sur Shopify
      • 🟢Comment créer un effet parallaxe sur une boutique shopify
      • 🟢Multi-images avec texte
      • 🟢🏆 Quiz
      • 🟠Image texte slider
      • 🟠Image pack produits
      • 🟢Image texte compteurs
      • 🟠Image texte image
    • PIED DE PAGE
      • 🟢Pied de page
    • METAFIELDS
      • 🟢🏆 Upsell Pop-up
      • 🟢🏆 Pack Produit Quantité
      • 🟢🏆 Offre Groupée
      • 🟢🏆 Évaluations ShopiTrust
      • 🟢🏆 Badges Personnalisés
      • 🟢Sous-titre de produit
      • 🟢Image Vendeur Produit
      • 🟢Texte rotatif
    • PAGE PRODUIT
      • Produit (modèle)
        • Distributeur
        • Titre
        • SKU
        • Blocs d'application
        • 🟢Évaluations (native)
        • 🟢🏆 Évaluations ShopiTrust
        • 🟢Sous-titre
        • Prix
        • 🟢Sélecteur de variante
        • 🟢Guide des tailles
        • Options d'achat
        • Boutons d'achat
        • Rangée réductible
        • Séparateur
        • 🟠Info livraison
        • Description produit
        • Texte enrichi
        • Texte défilant
        • Média
        • 🟢🏆Stories Animées
        • 🟢🏆 Trust badges
        • 🏆 Offre limitée
        • 🟠🏆 Estimation livraison
        • 🟠🏆 Live visiteurs
        • 🟠🏆 Barre d'inventaire
        • 🟠🏆 Icônes paiement
        • 🟢🏆 Packs Produits
        • 🟢🏆 Offre Groupée
        • 🟢🏆 Upsell Pop-up
        • 🏆 Précédent/Suivant
        • 🏆 Champ personnaliser
        • 🟢🏆 HTML / Liquid
        • 🟢🏆 Témoignages produit
        • 🟢🏆 Carte Cadeau
      • 🟢Applications Shopify
      • 🟢🏆 Sticky ATC
    • PAGE COLLECTION
      • Collection
      • 🏆 Collection bundle
  • Informations
    • CLUF SHOPIWEB
  • LAISSEZ UN AVIS
Propulsé par GitBook
Sur cette page

Cet article vous a-t-il été utile ?

  1. Documentation
  2. PAGE PRODUIT
  3. Produit (modèle)

🏆 HTML / Liquid

Version 1.0.0

HTML, ou HyperText Markup Language, est le langage de balisage standard utilisé pour créer des pages web et des applications web. Il sert à structurer et à formater le contenu sur le web, et constitue la base de la construction de pages web.

Le thème Shopiweb PREMIUM vous permet d'utiliser le HTML pour personnaliser le design et la mise en page de votre site web. Grâce à l'HTML, vous pouvez ajouter du texte, des images et d'autres médias à votre site, ainsi que créer et styliser des listes, des tableaux et des formulaires. Il vous permet également d'ajouter des éléments interactifs tels que des boutons et des liens, ainsi que de créer des menus personnalisés et des barres de navigation.

Pour utiliser du HTML avec le thème Shopiweb PREMIUM, vous devez avoir une compréhension de base du langage HTML et de sa syntaxe. Cela implique d'apprendre les différentes balises HTML et comment elles sont utilisées pour structurer et formater le contenu, ainsi que l'utilisation de CSS (Cascading Style Sheets) pour styliser vos éléments HTML. En somme, le HTML est un outil puissant pour créer et personnaliser le contenu et la mise en page de votre site web, et le thème Shopiweb PREMIUM facilite l'utilisation d'HTML pour créer une présence en ligne professionnelle et attrayante pour votre entreprise.

Voici quelques exemples de balises HTML de base et de leurs fonctions :

  • <p>: Définit un paragraphe.

  • <br>: Insère un saut de ligne.

  • <hr>: Insère une ligne horizontale.

  • <h1>, <h2>, <h3>, etc.: Définit des titres de différentes tailles.

  • <img>: Insère une image.

  • <a>: Définit un lien hypertexte.

  • <ul>: Définit une liste non ordonnée (une liste avec des puces).

  • <ol>: Définit une liste ordonnée (une liste numérotée).

  • <li>: Définit un élément de liste.

  • <div>: Définit une division ou une section dans un document.

  • <table>: Définit un tableau.

  • <form>: Définit un formulaire pour la saisie des données par l'utilisateur.

  • <input>: Définit un champ de saisie pour un formulaire.

Voici un exemple de document HTML simple :

<!DOCTYPE html>
<html>
<head>
  <title>Mon site web</title>
</head>
<body>
  <h1>Bienvenue sur mon site web</h1>
  <p>Il s'agit de mon site web personnel, où je partage mes intérêts et mes passe-temps. N'hésitez pas à y jeter un coup d'œil et à en apprendre davantage sur moi !</p>
  <hr>
  <h2>A propos</h2>
  <p>Je suis développeur web et lecteur passionné. J'aime passer mon temps libre à coder et à explorer de nouvelles technologies.</p>
  <h2>Mes loisirs</h2>
  <ul>
    <li>Codage</li>
    <li>Reading</li>
    <li>Running</li>
  </ul>
</body>
</html>

LIQUID est un langage de modèle utilisé dans la plateforme Shopify pour personnaliser et dynamiser les thèmes de boutique en ligne. Il offre des fonctionnalités telles que les boucles, les conditions, les filtres et les variables, ce qui permet aux utilisateurs de contrôler le flux et la présentation des données sur leur site. Avec le LIQUID, il est possible d'intégrer du code HTML et CSS, ce qui permet une personnalisation avancée de l'apparence et de la convivialité de la boutique en ligne. En résumé, LIQUID est un langage essentiel dans Shopify pour personnaliser les thèmes, gérer les données et créer des expériences utilisateur dynamiques et interactives.

Voici un exemple de language LIQUID :

<p class="bg-light rounded border p-4">
Date du jour : <b>{{ 'now' | date: "%d %b %Y" }}</b>
</p>
Précédent🏆 Champ personnaliserSuivant🏆 Témoignages produit

Dernière mise à jour il y a 1 an

Cet article vous a-t-il été utile ?

🟢