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 de 2 mois

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

  1. 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: #4BA49B;
    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: #4BA49B;
    }
    </style>

    <table class="OverarchingTable">
    <thead>
    <tr>
    <th><b>Zapiet Florist Brixton</b></th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>
    38A Kellett Rd<br>
    London <br>
    SW2 1EB <br>
    </td>
    </tr>
    </tbody>
    </table>

    <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>

  4. Cliquez sur Enregistrer.

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 ?