Question posted in 
When i add the following code in my product-liquid (shopify), the whole page is destroyed, changes font and the add to cart button changes shape…
the code is here:
<div id="shopify-section-product-icon-gallery" class="shopify-section product-icon-gallery">
<div class="container">
<div class="icon-box">
<div class="item " style="width: 33.333333333333336%">
<img src="https://cdn.shopify.com/s/files/1/0259/5884/2477/files/image3.png?v=1576699921">
<label>Satisfait ou Remboursé </label>
</div>
<div class="item " style="width: 33.333333333333336%">
<img src="https://cdn.shopify.com/s/files/1/0259/5884/2477/files/image1.png?v=1576699921">
<label>Meilleur prix</label>
</div>
<div class="item " style="width: 33.333333333333336%">
<img src="https://cdn.shopify.com/s/files/1/0259/5884/2477/files/image2.png?v=1576699921">
<label>Paiement 100% sécurisé</label>
<div id="shopify-section-product-icon-gallery" class="shopify-section product-icon-gallery">
<link href="//cdn.shopify.com/s/files/1/0262/4493/9862/t/2/assets/colors.scss.css?1306" rel="stylesheet" type="text/css" />
<link href="//cdn.shopify.com/s/files/1/0262/4493/9862/t/2/assets/custom.scss.css?1306" rel="stylesheet" type="text/css" />
</div>
</div>( click on run to see it 🙂 )
2
Answers
You were missing 3 closing div tags (
</div>) at the end. This would cause shopify styles to be applied to everything after the code. add the 3 closing div tags and should be ok.I have added a comment, See code below:
You’re missing a few
</div>HTML tags.Think of HTML as a stack – for each tag you put on, you need the equivalent closing tag (in this case, you have more
<div>tags than</div>tags). There are a few cases where the closing tags are required (in your current code, your<img>and<link>tags don’t need a closing tag).