Passer au contenu principal
Toutes les collectionsAvancé
Modification de la fenêtre contextuelle "Plus d'informations" du ramassage en magasin
Modification de la fenêtre contextuelle "Plus d'informations" du ramassage en magasin
Sandy Jolin avatar
Écrit par Sandy Jolin
Mis à jour il y a plus d’une semaine

Vous pouvez désormais personnaliser le tableau Plus d'informations de notre widget de ramassage avec du HTML.

  1. Dans Zapiet - Ramassage + Livraison, cliquez sur Emplacements.

  2. Sélectionnez l'emplacement que vous souhaitez modifier.

  3. Ajoutez le code suivant au champ Plus d’informations dans la section Avancé.

    Il s'agit de l'exemple HTML que vous devrez modifier en fonction des besoins de votre entreprise.

    <style>
    table.OverarchingTable {
    width: 100%;
    background-color: #b5cbbb;
    border-width: 1px;
    border-color: #000000;
    border-style: dotted;
    color: #000000;
    }
    table.OverarchingTable td, table.OverarchingTable th {
    border-width: 1px;
    border-color: #000000;
    border-style: dotted;
    padding: 3px;
    }

    table.AlbionTable {
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #000000;
    border-style: dotted;
    color: #000000;
    }

    table.AlbionTable td, table.AlbionTable th {
    border-width: 1px;
    border-color: #000000;
    border-style: dotted;
    padding: 3px;
    }

    table.AlbionTable thead {
    background-color: #88ab92;
    }
    </style>

    <table class="OverarchingTable">
    <thead>
    <tr>
    <th><b> Lemongrass and Coconuts </b></th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>15 Queensdale Avenue<br>
    Toronto <br>
    M4J 1X9 <br>
    </td>
    </tr>
    </tbody>

    <table class="AlbionTable">
    <thead>
    <tr>
    <th>Day</th>
    <th>Opening Hours</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Monday</td>
    <td>07:30am to 04:30pm</td>
    </tr>
    <tr>
    <td>Tuesday</td>
    <td>07:30am to 04:30pm</td>
    </tr>
    <tr>
    <td>Wednesday</td>
    <td>07:30am to 04:30pm</td>
    </tr>
    <tr>
    <td>Thursday</td>
    <td>07:30am to 04:30pm</td>
    </tr>
    <tr>
    <td>Friday</td>
    <td>07:30am to 04:30pm</td>
    </tr>
    <tr>
    <td>Saturday</td>
    <td>07:00am to 04:00pm</td>
    </tr>
    <tr>
    <td>Sunday</td>
    <td>09:00am to 03:00pm</td>
    </tr>
    </tbody>
    </table>

Avec ce code ajouté, lorsque vos clients cliquent sur Plus d'informations sous l'emplacement de ramassage dans le widget Zapiet - Ramassage + Livraison, ils verront un tableau personnalisé avec l'adresse de l'emplacement et les heures d'ouverture.

Remarques

  • Ceci est un exemple de code HTML que vous pouvez utiliser sur votre boutique. Malheureusement, en tant que petite équipe, nous ne sommes pas en mesure de vous aider à implémenter du code personnalisé. Nous vous recommandons d'embaucher un expert Shopify ou un développeur Shopify pour vous aider avec cette fonctionnalité.

Avez-vous trouvé la réponse à votre question ?