Tuto Tableau de remise avec code promo dans l’éditeur shopify

Code d’exemple à mettre dans votre éditeur pour proposer un tableau simple et efficace des remises disponibles !

Voila ce que cela va donner:

Quantité % de remise Code Promo
2 achats 10% de remise CODE10
3 achats 15% de remise CODE15
4 achats 20% de remise CODE20
5 achats 25% de remise CODE25

 

ps: Idéalement pour les plus aguerris je leurs recommande de mettre la partie style… dans leur fichier theme.scss, timber.scss ou style.scss selon votre thème cela vous évitera de mettre la balise style dans votre éditeur (c’est sale:p) dans ce cas vous ne collerez donc que la balise table (tableau)

Dans votre éditeur passez en mode code avec l’icône </> et collez le code ci-dessous et adaptez le selon votre convenance:

<style type="text/css">
 .discount-table {
 max-width: 500px;
 font-family: tahoma;
 text-align: left !important;
 font-style:arial;
 font-size:13px;
 margin-bottom:15px;
 }
 .discount-table p {
 margin:0;
 }
 .discount-table th {
 background: #666;
 color:#fff;
 }
 .discount-table th, .discount-table td {
 padding:8px 10px;
 }
@media only screen and (min-width: 800px) {
 .discount-table td {
 min-width:180px;
 }
}
</style>
<table class="discount-table" width="100%">
<tbody>
<tr>
 <th><p><strong>Quantité</strong></p></th>
 <th><p><strong>% de remise</strong></p></th>
 <th><p><strong>Code Promo</strong></p></th>
</tr>
<tr>
 <td><p>2 achats</p></td>
 <td><p>10% de remise</p></td>
 <td><p>CODE10</p></td>
</tr>
<tr bgcolor="#f5f5f5">
 <td><p>3 achats</p></td>
 <td><p>15% de remise</p></td>
 <td><p>CODE15</p></td>
</tr>
<tr>
 <td><p>4 achats</p></td>
 <td><p>20% de remise</p></td>
 <td><p>CODE20</p></td>
</tr>
<tr bgcolor="#e5e5e5">
 <td><p>5 achats</p></td>
 <td><p>25% de remise</p></td>
 <td><p>CODE25</p></td>
</tr>
</tbody>
</table>

Vous souhaitez me remercier et m’encourager à continuer mes tutos?

Alors n’hésitez pas à me faire un petit don même minime car c’est l’intention qui compte 😉

Je veux faire un don

4 commentaires sur “Tuto Tableau de remise avec code promo dans l’éditeur shopify

  1. cyril

    Super sympa ce tableau par contre comment peu tu contrôler ça dans » Create discount code » sur shopify ? Je sais que l’on peut faire un code promo suivant le montant mais suivant le nombre d’articles achetés es ce possible ?

    Super taf ton site donne beaucoup d’idées , dès mes premières ventes je te ferais un don car c’est vraiment du bon boulot !

    1. dgeo22

      Merci pour le com 😉 oui tu dois au préalable créer des code promo dans discount, le discount natif de shopify ne peut savoir combien le client achete mais tu peux estimer en ajoutant 2 valeurs d’un produit pour avoir le prix des 2 et créer ton discount en conséquence 😉 bye

  2. Polo

    Salut à toi Dgeo, je ne comprend pas trop comment faut faire, est ce qu’il faut allez tout de même dans theme.scss ? Et ensuite de le coller dans . Désolé je ne comprend pas trop comment faut faire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*
*