You can now customize the More information table for our pickup widget with HTML.
Click Locations.
Select a location you want to edit.
Add the following code to More information field in the Advanced section.
This is the example HTML that you will need to modify according to your business needs.
<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>Click Save.
With this code added, when your customers click More information under pickup location in Zapiet - Pickup + Delivery widget, they will see a customized table with location's address and opening hours.
Notes
This is an example HTML code you can use on your store. Unfortunately, as a small team, we're unable to help with custom code implementation. We would recommend hiring a Shopify Expert or a Shopify Developer to help with this feature.