Ir al contenido principal
Todas las coleccionesAvanzado
Editar la ventana emergente "Más información" de recogida en tienda
Editar la ventana emergente "Más información" de recogida en tienda
María Banegas avatar
Escrito por María Banegas
Actualizado hace más de un mes

Ahora puedes personalizar la tabla Más información de nuestro widget de recogida con HTML.

  1. Haz clic en Ubicaciones.

  2. Selecciona una ubicación que deseas editar.

  3. Agrega el siguiente código al campo Más información en la sección Avanzado.

    Este es el HTML de ejemplo que deberás modificar según las necesidades de tu negocio.

    <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. Haga clic en Guardar.

Con este código agregado, cuando tus clientes hagan clic en Más información en la ubicación de recogida en Zapiet - Widget de recogida + entrega, verán una tabla personalizada con la dirección de la ubicación y el horario de apertura.


Notas

  • Este es un código HTML de ejemplo que puedes usar en tu tienda. Lamentablemente, como equipo pequeño, no podemos ayudar con la implementación del código personalizado. Recomendamos contratar a un Shopify Expert o un Shopify Developer para que te ayude con esta función.

¿Ha quedado contestada tu pregunta?