Passar para o conteúdo principal
Todas as coleçõesAvançado
Editar o pop-up "Mais informações" da recolha na loja
Editar o pop-up "Mais informações" da recolha na loja
Lui Serafim avatar
Escrito por Lui Serafim
Atualizado ontem

Agora você pode personalizar a tabela de Mais informações para o widget de recolha usando HTML.

  1. Clique em Locais.

  2. Selecione o local que deseja editar.

  3. Adicione o seguinte código ao campo de Mais informações na seção Avançada.

    Este é o exemplo de código HTML que você precisará modificar de acordo com as necessidades do seu negócio.

    <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. Clique em Salvar.

Com esse código adicionado, quando seus clientes clicarem em Mais informações no local de recolha no widget do Zapiet - Entrega e Recolhas, eles verão uma tabela personalizada com o endereço e horário de funcionamento do local.s.


Notes

  • Este é um exemplo de código HTML que pode ser usado na sua loja. No entanto, como uma equipe pequena, não podemos oferecer suporte na implementação de códigos personalizados. Recomendamos contratar um Especialista Shopify ou Desenvolvedor Shopify para ajudar com essa funcionalidade.

Respondeu à sua pergunta?