Exemple: la collection «Spinning bikes» est l’enfant de la collection mère «Bikes» et «Bikes» est à son tour l’enfant de la collection mère «cardio».
Cardio
Bikes
- Spinning bikes
- Upright bikes
Disons que nous souhaitons ajouter une troisième collection enfant «Recumbent Bikes» sous «Upright Bikes».
4. Ce diriger dans la collection «Bikes» sur Shopify (Product>collections)
5. Ajouter dans les conditions Product tag with Recumbent Bikes et Sauvegarder.
6. Ce diriger dans la collection «Bike» et ajouter la même condition Product tag with Recumbent Bikes et Sauvegarder
7. Créer une nouvelle collection qui se nommes «Recumbent Bikes» et ajouter la condition Product tag with Recumbent Bikes et sauvegarder.
8. Vous pouvez maintenant ajouter le Tag «Recumbent Bikes» au produits désirez.
Copier le code suivant et le coller après "<div class="description">" :
<h4 style="line-height: 1.4em;">This item is eligible for free shipping <span style="color: #ea0000;">EXCEPT</span> for the following zip codes.</h4>
<p style="line-height: 1.3em; padding-top: 15px;">Use the code FREESHIPPINGSOLE at checkout.<br><br><br></p>
<style type="text/css">
.wrap-collabsible {
margin-bottom: 50px;
max-width:600px;
}
input[type='checkbox'] {
display: none;
}
.lbl-toggle {
display: block;
font-weight: bold;
font-family: monospace;
font-size: 1.2rem;
text-transform: uppercase;
text-align: center;
padding: 1rem;
color: white;
background: #ea0000;
cursor: pointer;
border-radius: 7px;
transition: all 0.25s ease-out;
}
.lbl-toggle:hover {
color: #e2e2e2;
}
.lbl-toggle::before {
content: ' ';
display: inline-block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid currentColor;
vertical-align: middle;
margin-right: .7rem;
transform: translateY(-2px);
transition: transform .2s ease-out;
}
.toggle:checked + .lbl-toggle::before {
transform: rotate(90deg) translateX(-3px);
}
.collapsible-content {
max-height: 0px;
overflow: hidden;
transition: max-height .25s ease-in-out;
}
.toggle:checked + .lbl-toggle + .collapsible-content {
max-height: 2000px;
}
.toggle:checked + .lbl-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.collapsible-content .content-inner {
background: rgba(181, 181, 179, 0.2);
border-bottom: 1px solid rgba(154, 154, 149, 0.45);
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
padding: .5rem 1rem;
}
</style>
<div class="wrap-collabsible">
<input id="collapsible" class="toggle" type="checkbox">
<label for="collapsible" class="lbl-toggle">EXCLUDED ZIP CODES</label>
<div class="collapsible-content">
<div class="content-inner">
<p class="p1"><strong>ALBERTA</strong></p>
<p class="p1">T0H, T0L, T0P, T0V</p>
<p class="p1"><strong>BRITISH COLUMBIA</strong></p>
<p class="p1">V0A -<strong> </strong>V0C, V0E, V0J, V0T, V0V, V0W, V1A, V1C, V1G, V1L, V1N, V1R, V8C V8G , V8J</p>
<p class="p1"><strong>MANITOBA</strong></p>
<p class="p1">R0B R0L R7N R8A R8N R9A</p>
<p class="p1"><strong>NEWFOUNDLAND & LABRADOR</strong></p>
<p class="p1">A0E, A0G, A0H, A0J ‐ A0N, A0P, A0R, A1V, A2A, A2B, A2H, A2N, A2V, A8A</p>
<p class="p1"><strong>NOVA SCOTIA</strong></p>
<p class="p1">B0C, B0E, B0L, B0V, B0W, B1A ‐ B1C, B1E, B1G, B1H, B1J, B1N ‐ B1T, B1V ‐ B1Y, B2A, B2C, B2E, B5A, B9A</p>
<p class="p1"><strong>NUNAVUT</strong></p>
<p class="p1">X0A ‐ X0C, X0E, X0G, X1A</p>
<p class="p1"><strong>ONTARIO</strong></p>
<p class="p1">K0G, K0H, K0J, K0L, P0J ‐ P0N, P0P, P0R ‐ P0T, P0V, P0W, P2N, P4N ‐ P4R, P5A, P5E, P5N, P6A ‐ P6C, P8N, P8T, P9A, P9N</p>
<p class="p1"><strong>QUEBEC</strong></p>
<p class="p1">G0B, G0C, G0E, G0G, G0H, G0J, G0K, G0T, G0V, G0W, G4R, G4S, G4V ‐ G4Z, G5H, G5J, G5L ‐ G5N, G5T, G8J ‐ G8M, G8P, J0M, J0W ‐ J0Z, J9P J9T, J9V, J9X ‐ J9Z</p>
<p class="p1"><strong>SASKATCHEWAN</strong></p>
<p class="p1">S0E, S0J, S0P, S9H</p>
<p class="p1"><strong>YUKON</strong></p>
<p class="p1">Y0A, Y0B, Y1A</p>
</div>
</div>
</div>