Documentation Shopping AMP HTML

HOMEPAGE SECTION SETTINGS

Replace # with destination URL

ICON MENU

    <span class='new'>New</span>

<span class='hot'>Hot</span>

INFORMATION:
Adjust it

SLIDER

    <div class='box-slide'>
<!-- Slider -->
<div id='slider'>
  <div class='slides'>
<div class='slider'>
      <div class='content-slide'>
        <div class='content-txt'>
          <h1><span>Simplicity Is The Ultimate Sophistication</span></h1>
          <h2>Where to go &amp; what to wear? Choose and let us help you! </h2>
<div class='amp-btn'><a href='#'>SHOP NOW </a></div>
        </div>
      </div>
      <div class='image'>
        <amp-img height='342' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhBJV2gIJhsOuF19N7R1N3cPXf5IoSSvoukkijv4aYWI2SfNq_FXiyuPjCSuDdsvcHEjG1lKUOnyP0MZ4OpSUQNak5LiruS9nG4aNczQpH1pXCfNEk4Qr2cWRoGjKHxLUGvdWh1HxvotU/s1600/s1.jpg' width='600'/>
      </div>
    </div>

<div class='slider'>
      <div class='content-slide'>
        <div class='content-txt'>
          <h1><span>Simplicity Is The Ultimate Sophistication</span></h1>
          <h2>Where to go &amp; what to wear? Choose and let us help you! </h2>
<div class='amp-btn'><a href='#'>SHOP NOW </a></div>
        </div>
      </div>
      <div class='image'>
        <amp-img height='342' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyeJGpGP-JzYI12Vq1IbLRwt3GEWx9SU4wkunDpPFE3MiTP3LxEl-AJgMLGAlzqkooGLN5zOIHXfCb4jZpZukE-aMUiIHz58w5zHfeIy5WA8cNOx9H3nIpyAlQb8hsUIU4AWBxWQbFNzs/s1600/s2.jpg' width='600'/>
      </div>
    </div>

<div class='slider'>
      <div class='content-slide'>
        <div class='content-txt'>
          <h1><span>Simplicity Is The Ultimate Sophistication</span></h1>
          <h2>Where to go &amp; what to wear? Choose and let us help you! </h2>
<div class='amp-btn'><a href='#'>SHOP NOW </a></div>
        </div>
      </div>
      <div class='image'>
        <amp-img height='342' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD6eX0GKm73MV3INhLcZdnuaVHZU35OzS3kbtxRZv-tGYuJ3tBxEzt_HEKfb-zuy4w5Iv0TcRxVuoR0vGXeOfAChP4oBfLhVFriDGe2NKz3jYKyR5qUV_yjEbuhT7CCbnSgKj4O-Wmiwo/s1600/s3.jpg' width='600'/>
      </div>
    </div>

<div class='slider'>
      <div class='content-slide'>
        <div class='content-txt'>
          <h1><span>Simplicity Is The Ultimate Sophistication</span></h1>
          <h2>Where to go &amp; what to wear? Choose and let us help you! </h2>
<div class='amp-btn'><a href='#'>SHOP NOW </a></div>
        </div>
      </div>
      <div class='image'>
        <amp-img height='342' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivvvsPheUY_xFC6H4OIi53s8Kb9wic85a4GZfvlkjtMbbvE3aISE6G85t2DFKSmcBz45KAXIYP0g6us7eGg4WkHKl7GzqFdxFVFrDj6HwIFL0zEDPehEYUq0sEboDHu6AwKlCm6d9yf30/s1600/s4.jpg' width='600'/>
      </div>
    </div>
  </div>
</div>
</div>

INFORMATION:
           Title
           Description
           Link
           Image Url

BANNER

    <div class='box-ads'>
<div class='gallery-item'>
<amp-img height='164' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8vjo6tjtxUmOGAM68V5jtKR55LvQx2ek3AWjST2byTye8yem29QMg_gZoiWJLW3N3ACJdTLX4FHVM2HZumDPoX7d6m1Lrs-_b5XtwX1pOdYEkqt7dNSELN1n-wr59pUjuQI46cIUNlvA/s1600/banner1.jpg' width='228'/>
</div>
<div class='gallery-item'>
<amp-img height='164' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06913mUyHjUC1v0NzjM0hiIOrCEYzaYNR8Zue4WE7LWO-if1r4qiC7eTFMFeGNAQlP8MVrcV8WRlNCeG98wfQNS_tBKfRUFsIW1uid9ItGjV2fnYLzac_w5U6hBPYaePZdqv5K72Trmo/s1600/banner2.jpg' width='228'/>
</div>
<div class='gallery-item'>
<amp-img height='164' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfQ33njBkkfU8I-gTsK6ENZslyWn3_JOEnRJ0a9CUWYrJUsmU-Zw5oCw3Jj8gWCUgqIZPHmJ3ESGpM7bsRWB6M0zROGDFjRnkIy5jzfJpUOrqeQbLYdJtENhRce1i7bLS2ClQEb9xKcxE/s320/H3-banner-1.jpg' width='470'/>
<div class='content-inner'>
<h2 class='title'>
Bags &amp; Backpack<br/>
<span>Collections</span></h2>
</div>
</div>
</div>

INFORMATION:
         Image Url
         Title
         Description

INFO

    <div class='box-list'>
<li><i class='material-icons'>account_balance</i>
<span>Choose from professionally designed themes</span></li>
<li><i class='material-icons'>favorite_border</i>
<span>Choose from professionally designed themes</span></li>
<li><i class='material-icons'>local_shipping</i>
<span>Themes that work across all devices</span></li>
<li><i class='material-icons'>lock</i>
<span>From professionally designed themes</span></li>
</div>

INFORMATION:
Adjust it and To change the icon, see here https://material.io/tools/icons/

BADGE

    <div class='badge'>
<!-- TAG 1 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;Sale&quot;'><div class='ribbon1 label-one'><span>Sale</span></div></b:if>
 </b:loop>
<!-- TAG END 1 -->

<!-- TAG 2 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;Hot&quot;'><div class='ribbon2 label-two'><span>Hot</span></div></b:if>
 </b:loop>
<!-- TAG END 2 -->

<!-- TAG 3 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;-50%&quot;'><div class='ribbon3 label-tree'><span>-50%</span></div></b:if>
 </b:loop>
<!-- TAG END 3 -->

<!-- TAG 4 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;-20%&quot;'><div class='ribbon4 label-four'><span>-20%</span></div></b:if>
 </b:loop>
<!-- TAG END 4 -->

<!-- TAG 5 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;Sold&quot;'><div class='ribbon5 label-five'><span>Sold</span></div></b:if>
 </b:loop>
<!-- TAG END 5 -->

<!-- TAG 6 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;New&quot;'><div class='ribbon6 label-six'><span>New</span></div></b:if>
 </b:loop>
<!-- TAG END 6 -->
</div>

INFORMATION:
There are 2 scripts above, namely the Home Badge script and the Post Badge Script, so look for everything and replace the Label marked above

BANNER BOTTOM

    <div class='banner-responsive'>
<div class='pull-left'>
<a href='#'><amp-img height='193' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNr0AgXihGeFp_3fwhaXlNYEopNzOfpkWcp5e3r-9Cw-p6z97be9_dwkrm_3pNQrlsUF1RNMY_aCsXTIsKNWSd4E3f0YsOmlLYiLlsAKjNVzgngxiJH3tXvRpsE1eo63G8FsJHy19_PwA/s1600/ads1.jpg' width='545'/></a>
<div class='content-inner'>
<h2 class='title'>
  Bags &amp; Backpack<br/>
<span>Collections</span></h2>
</div>
</div>
<div class='pull-right'>
<a href='#'><amp-img height='193' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ-mMECJ1R_qVc2nMDfjHfrWJXCy8cajrLQDX6V3-_CiLaZUpiP3ym7UZnin1no0JCCsEOIUFXCSue4DzgmxFmu6IQySFkzxOHrmtrSNB8wbIbls3P9dQ2Nlab3MYWX7ssqBLEnGIba2Q/s1600/ads2.jpg' width='545'/></a>
<div class='content-inner'>
<h2 class='title'>
  Bags &amp; Backpack<br/>
<span>Collections</span></h2>
</div>
</div>
</div>

INFORMATION:
Adjust it

ICON MENU BOTTOM

    <nav id='menu'>
<input type='checkbox'/>
  <label><i class='icon-reorder'/><span>Navigation</span></label>
<ul>
<li><a href='#'><amp-img alt='' height='25' src='https://goomsite.github.io/file/img/5.png' width='25'/><strong>Fashion</strong></a></li>
<li><a href='#'><amp-img alt='' height='25' src='https://goomsite.github.io/file/img/6.png' width='25'/><strong>Electronic</strong></a></li>
<li><a href='#'><amp-img alt='' height='25' src='https://goomsite.github.io/file/img/7.png' width='25'/><strong>Accesories</strong></a></li>
<li><a href='#'><amp-img alt='' height='25' src='https://goomsite.github.io/file/img/8.png' width='25'/><strong>Health</strong></a></li>
<li><a href='#'><amp-img alt='' height='25' src='https://goomsite.github.io/file/img/9.png' width='25'/><strong>Sport</strong></a></li>
<li><a href='#'><amp-img alt='' height='25' src='https://goomsite.github.io/file/img/10.png' width='25'/><strong>Automotive</strong></a></li>
       </ul>
    </nav>

INFORMATION:
Adjust it

CONTENT FOOTER

    <div class="textwidget">
<p><amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklVQ1Qg93qxUlRB0NtzyNldSUwotbYslwbFDCYdGhYoILdpl_Tczq-judvoOiNumxnNLtOJTZRZFqF_Ue0PHohjv0E6P9oZ9YtOz6XDQD_dgU33sieF0UOSyw1jDlli2YuDSTopBkOp0/s1600/logo_amp.png" alt="" width="200" height="50"></amp-img></p>
<p><i class="material-icons">phonelink_ring</i> +62 812 411 05658</p>
<p><i class="material-icons">phone_in_talk</i> 12345 67890, 56847-98562</p>
<p><i class="material-icons">mail</i> yourmail@gmail.com</p>
<p><i class="material-icons">language</i> www.goomsite.net</p>
</div>

<ul><li><a href="#">Fashion</a></li>
<li><a href="#">Automotive</a></li>
<li><a href="#">Health</a></li>
<li><a href="#">Sport</a></li>
<li><a href="#">Electronic</a></li>
</ul>

<ul><li><a href="#">Jakarta</a></li>
<li><a href="#">Denpasar</a></li>
<li><a href="#">Surabaya</a></li>
<li><a href="#">Bandung</a></li>
<li><a href="#">Manado</a></li>
</ul>

<ul><li><a href="#">About Us</a></li>
<li><a href="#">Seller Story</a></li>
<li><a href="#">Official Store</a></li>
<li><a href="#">Order Train Tickets</a></li>
<li><a href="#">Seller Center</a></li>
</ul>

<div class="app">
<a href="#">
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifRWfDFStvuaDIUxCXjesNil9H7NdtIjwozRBfsXRg7pw6uNM03XKr6WjQXmvFU9vuayg3uUCB81DVejKQusUkrx0cPXBQzTDh3m7C0jWWd40LmibrVhSFp3sEnh5dZeHwH7HQTygwLA4/s1600/apple.png" alt="" width="127" height="38"/></amp-img></a>
<a href="#">
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLf4kI9FnPPnVcCtLRPrpkbMFfQOA7gOL6OvRjbkka1hO_OJzE3RRrqp27p2erH7_c5uYupJyxvkmPBhOe6HDKgxwF6GzumDjp8dU2ovLS7pC_2dVJOP8GuOrEfDRzt3wiCavPcBCMfjI/s1600/google.png" alt="" width="127" height="38"/></amp-img></a>
</div>

INFORMATION:
Adjust it

 SETTINGS OF POST PARTS 

PRICE

<div class="content-post">

<!-- Displaying Images on HomePage and Other Pages -->
<noscript><img alt="Tasyzi Two Tone Sport Sneakers" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2THGGNvYS02MzJeopN6Zx4tsuoBkgMLDrExV4KU-IlQ7LA4UqdzpVBlhTN-iEjWPLAHEeDqdYdcGce73CAABQAwOFygosieQ9c8jncHkPKPpMSjVYdiDkeRIRChPo_0rkeHEaoXMJBds/s320/13.jpg" title="Tasyzi Two Tone Sport Sneakers" width="267"></noscript>
<!-- /End Displaying Images on HomePage and Other Pages -->

<div class="box-slider">
<amp-carousel id="carousel-with-preview" width="267" height="320" layout="responsive" type="slides">
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2THGGNvYS02MzJeopN6Zx4tsuoBkgMLDrExV4KU-IlQ7LA4UqdzpVBlhTN-iEjWPLAHEeDqdYdcGce73CAABQAwOFygosieQ9c8jncHkPKPpMSjVYdiDkeRIRChPo_0rkeHEaoXMJBds/s320/13.jpg" width="267" height="320" layout="responsive" alt="baju"></amp-img>

<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi7_L0WMxu9IoxV8CUfkBCF7UTDF-Z8sjwpzJmlpoH-MqF3aGmKRwCWSlTeFYYbJsjZQG_ukpFMTAPSbHmQXQkiD8G9cNvQZbDhuMWFxfsB34NXaq3nQYr1ugsS_-hsrWMqTS8W2zMX0E/s320/1.jpg" width="267" height="320" layout="responsive" alt="baju"></amp-img>

<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnBHOcxLQsmRCm8BEL7VHL6dH7wMSGB0oLuofU1Aa-DW3yhkg5DdYqqSXn1ZioPs_LX3xr0frP3aPi7clVtvgiEufhhW2BNMdA-EBxS2Zetf9UsDmdM_XDtVvwQZUW6wvJJUqnmL1xak/s320/12.jpg" width="267" height="320" layout="responsive" alt="baju"></amp-img>

<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2THGGNvYS02MzJeopN6Zx4tsuoBkgMLDrExV4KU-IlQ7LA4UqdzpVBlhTN-iEjWPLAHEeDqdYdcGce73CAABQAwOFygosieQ9c8jncHkPKPpMSjVYdiDkeRIRChPo_0rkeHEaoXMJBds/s320/13.jpg" width="267" height="320" layout="responsive" alt="baju"></amp-img>
</amp-carousel>

<div class="carousel-preview">
<button on="tap:carousel-with-preview.goToSlide(index=0)">
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2THGGNvYS02MzJeopN6Zx4tsuoBkgMLDrExV4KU-IlQ7LA4UqdzpVBlhTN-iEjWPLAHEeDqdYdcGce73CAABQAwOFygosieQ9c8jncHkPKPpMSjVYdiDkeRIRChPo_0rkeHEaoXMJBds/s320/13.jpg" width="60" height="78" alt="baju"></amp-img>
</button>

<button on="tap:carousel-with-preview.goToSlide(index=1)">
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi7_L0WMxu9IoxV8CUfkBCF7UTDF-Z8sjwpzJmlpoH-MqF3aGmKRwCWSlTeFYYbJsjZQG_ukpFMTAPSbHmQXQkiD8G9cNvQZbDhuMWFxfsB34NXaq3nQYr1ugsS_-hsrWMqTS8W2zMX0E/s320/1.jpg" width="60" height="78" alt="baju"></amp-img>
</button>

<button on="tap:carousel-with-preview.goToSlide(index=2)">
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnBHOcxLQsmRCm8BEL7VHL6dH7wMSGB0oLuofU1Aa-DW3yhkg5DdYqqSXn1ZioPs_LX3xr0frP3aPi7clVtvgiEufhhW2BNMdA-EBxS2Zetf9UsDmdM_XDtVvwQZUW6wvJJUqnmL1xak/s320/12.jpg" width="60" height="78" alt="baju"></amp-img>
</button>

<button on="tap:carousel-with-preview.goToSlide(index=3)">
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2THGGNvYS02MzJeopN6Zx4tsuoBkgMLDrExV4KU-IlQ7LA4UqdzpVBlhTN-iEjWPLAHEeDqdYdcGce73CAABQAwOFygosieQ9c8jncHkPKPpMSjVYdiDkeRIRChPo_0rkeHEaoXMJBds/s320/13.jpg" width="60" height="78" alt="baju"></amp-img>
</button>
</div>
</div>

<br />
<div class="table_post">
<div class="item_price">
$75.00 <strike>$79.99</strike></div>
<table><tbody>
<tr><td colspan="2">Product Details</td> </tr>
<tr><td>Product Code</td><td>702583</td></tr>
<tr><td>Types of products</td><td>Local</td></tr>
<tr><td>Weight</td><td>250 grams</td></tr>
<tr><td>Description</td><td>All Size<br />
P = 60 cm<br />
L = 46 cm</td></tr>
<tr><td>Material</td><td>Spandek Rayon</td></tr>
<tr><td>Stock</td><td><div class="item_stock">
<span id="ble">Available</span></div>
</td></tr>
</tbody></table>
</div>
</div>
<br />
<br />
<br />
<br />
<section class="tabs">
  <input checked="checked" class="tab-selector-1" id="tab-1" name="radio-set" type="radio" />
  <label class="tab-label-1" for="tab-1">Description</label>
  <input class="tab-selector-2" id="tab-2" name="radio-set" type="radio" />
  <label class="tab-label-2" for="tab-2">About Brand</label>
  <input class="tab-selector-3" id="tab-3" name="radio-set" type="radio" />
  <label class="tab-label-3" for="tab-3">Shipping & Delivery</label>
  <input class="tab-selector-4" id="tab-4" name="radio-set" type="radio" />
  <label class="tab-label-4" for="tab-4">Reviwe</label>
  <div class="content">
<div class="content-1">
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. 
</div>
<div class="content-2">
Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</div>
<div class="content-3">
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.<br />
Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</div>
<div class="content-4">
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commod. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</div>
</div>
</section>

PRICE

<div class="item_price">
$75.00 <strike>$79.99</strike></div>

STOCK AVAIBLE

<div class="item_stock">
<span id="ble">Available</span></div>

STOCK LIMITED

<div class="item_stock">
<span id="mit">Limited</span></div>

INFORMATION:
         Price
         Image width and height, so adjust to the original size of the image
         Price
         Stock


SLIDER IMAGE:
         Large Image Url
         Small Image Url
         Large Image Url
         Small Image Url

BADGE

<div class='badge'>
<!-- TAG 1 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;Sale&quot;'><div class='ribbon1 label-one'><span>Sale</span></div></b:if>
 </b:loop>
<!-- TAG END 1 -->

<!-- TAG 2 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;Hot&quot;'><div class='ribbon2 label-two'><span>Hot</span></div></b:if>
 </b:loop>
<!-- TAG END 2 -->

<!-- TAG 3 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;-50%&quot;'><div class='ribbon3 label-tree'><span>-50%</span></div></b:if>
 </b:loop>
<!-- TAG END 3 -->

<!-- TAG 4 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;-20%&quot;'><div class='ribbon4 label-four'><span>-20%</span></div></b:if>
 </b:loop>
<!-- TAG END 4 -->

<!-- TAG 5 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;Sold&quot;'><div class='ribbon5 label-five'><span>Sold</span></div></b:if>
 </b:loop>
<!-- TAG END 5 -->

<!-- TAG 6 -->
<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;New&quot;'><div class='ribbon6 label-six'><span>New</span></div></b:if>
 </b:loop>
<!-- TAG END 6 -->
</div>

INFORMATION:
         Label

There are several labels above, please adjust. And please select one of the labels that will be included in the post, the text on the label is very influential on the badge so adjust the text. Or you can replace it with the desired label

COLUM ORDER

  


<div id='order-product'>
<div class='des'>
  <p>Order the product immediately <b><data:post.title/></b> by contacting the Shop admin via WhatsApp or SMS / Phone on the button beside, please include the Item Code or Item Name when ordering items. Goods are shipped the day after the transaction is completed.</p>
</div>
<div class='contact'>
<a class='whatsapp' expr:href='&quot;https://api.whatsapp.com/send?phone=628124115xxx&amp;text=I%20ORDER:%20&quot; + data:post.title'><svg viewBox='0 0 24 24'>
    <path d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z' fill='#fff'/>
</svg> Order Now</a>
<a class='sms' expr:href='&quot;sms://+628124115xxx?body=I%20ORDER:%20&quot; + data:post.title'><svg viewBox='0 0 24 24'>
    <path d='M17.25,18H6.75V4H17.25M14,21H10V20H14M16,1H8A3,3 0 0,0 5,4V20A3,3 0 0,0 8,23H16A3,3 0 0,0 19,20V4A3,3 0 0,0 16,1Z' fill='#fff'/>
</svg> Order Now</a>
</div>
</div>

INFORMATION:
Change your cellphone number 628124115xxx with your cellphone number

COMMENT DISQUS

    <div class='comments'>
<amp-iframe expr:src='&quot;https://goomsite.github.io/file/disqus.html?shortname=shopping-6&amp;fontBodyFamily=sans-serif&amp;fontLinkColor=e8554e&amp;canonicalurl=&quot; + data:blog.canonicalUrl + &quot;&amp;title=&quot; + data:blog.pageName' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' width='600'> <div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'/> </amp-iframe>
</div>

INFORMATION:
Change Disqus "shopping-6" shortname with your Disqus Shortname