Intégration d'animations HTML5 sur Squarespace

05. Squarespace

Étapes pour l'intégration

Etape 1. Entrez sur la page de la boutique

Cliquez sur le bouton “Shop”


Etape 2. Ajoutez le produit

Sélectionnez le produit type


Etape 3. Ajoutez les informations supplémentaires

Cliquez sur un point d'insertion pour ajouter un bloc de code


Etape 4. Sélectionnez le bloc ''code''

Faites défiler jusqu'à la zone "MORE" et sélectionnez "Code".


Etape 5. Saisie du Tag <iframe> 

Écrire <iframe> tag, attribuer l'url de l'animation et la taille


<!-- input your animation link into src attribute -->
<iframe frameborder="0" width="800" height="800" src="https://dl.dropboxusercontent.com/u/65891609/DEMO/guide.page/mario/mario.html">
</iframe>


Etape 6. Le résultat de la page produit

Lorsque le produit est ajouté avec succès, la page aura l'aspect suivant :


    • Related Articles

    • 00. Intégration HTML sur AspDotNetStorefront

      Etapes à suivre pour l'intégration Etape 1. Entrez dans la page “Create Product”  Cliquez sur “Products > Create Product” dans la barre de tâches Etapes 2. Ouvrez “HTML Source Editor” Cliquez ensuite sur le bouton “HTML” au bas du formulaire de ...
    • 11. PackshotViewer pour les sites web

      Intégration d'une animation  En intégrant une animation sur votre site web, vous donnez aux clients plusieurs vues d'un produit dans une seule fenêtre. Il n'est pas nécessaire de cliquer sur différentes vignettes pour essayer de trouver l'image ou ...
    • 12. ImageCreator pour les sites web

      Intégration d'une animation  En intégrant une animation sur votre site web, vous donnez aux clients plusieurs vues d'un produit dans une seule fenêtre. Il n'est pas nécessaire de cliquer sur différentes vignettes pour essayer de trouver l'image ou ...
    • 08. WordPress

      Etape pour l'intégration Etape 1. Ajoutez un nouveau Plugin Cliquez sur "Plugins" dans la partie gauche, et sélectionnez "Add New". Etape 2. Recherche et installation du plugin "iframe'' Saisissez "iframe" dans le champ de saisie de la recherche, ...
    • 04. Magento 2

      PackshotCreator - OrteryCapture Etape 1. Installez l'extension Ouvrez le répertoire racine de Magento, et créez le répertoire app/code/directory. Ensuite, désarchivez le fichier .zip du module. Ouvrez "Terminal", et allez dans le répertoire racine de ...