Ahora puedes personalizar la tabla Más información de nuestro widget de recogida con HTML.
En Zapiet - Recogida y Entrega, haz clic en Ubicaciones.
Selecciona una ubicación que deseas editar.
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: #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>
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.