Blogger Configuration

Setting for your blogger site Settings > Site feed > Change to Full

To make blogger post load perfectly as product you must put some data inside post description, like Price, Discount Price, Variations, Price Variations, Discount Variations

Here The List of ID we used

• app_price - App will use value from this ID for price

• app_price_discount - App will use value from this ID for price discount

• app_variants - App will use value from this ID for variant and or price variant

1. Full Data - Product With Variations and Discount

<div id="app_price">$200</div>
<div id="app_price_discount">$100</div>
<ul id="app_variants">
   <li>Size S | $100 | $50</li>
   <li>Size M | $200 | $100</li>
   <li>Size L | $200 | $100</li>
   <li>Size XL | $200 | $100</li>
</ul>

2. One Price - Without Discount & Variations

<div id="app_price">$200</div>

3. Price With Discount - Without Variations

<div id="app_price">$200</div>
<div id="app_price_discount">$100</div>

4. Variations Without Price

<div id="app_price">$200</div>
<div id="app_price_discount">$100</div>
<ul id="app_variants">
   <li>Size S</li>
   <li>Size M</li>
   <li>Size L</li>
   <li>Size XL</li>
</ul>

5. Variations Price - Each Variation has Price

<li> {Variation Name} | {Variation Price} | {Variation Discount Price}</li>

<div id="app_price">$200</div>
<div id="app_price_discount">$100</div>
<ul id="app_variants">
   <li>Size S | $100</li>
   <li>Size M | $200</li>
   <li>Size L | $200</li>
   <li>Size XL | $200</li>
</ul>

5. Variations Price and Discount - Each Variation has Price and Discount

<div id="app_price">$200</div>
<div id="app_price_discount">$100</div>
<ul id="app_variants">
   <li>Size S | $100 | $50</li>
   <li>Size M | $200 </li>
   <li>Size L | $200 | $100</li>
   <li>Size XL | $200</li>
</ul>

Here how to add data, when add new post select toggle to HTML view

All Data above is optional, you can put only one, two or all data.

Hide Place Data from Article View

You can hide the data from description view you can add css style display none

<div style="display:none;">
    <div id="app_price">$200</div>
    <div id="app_price_discount">$100</div>
    <ul id="app_variants">
      <li>Size S | $100 | $50</li>
      <li>Size M | $200 | $100</li>
      <li>Size L | $200 | $100</li>
      <li>Size XL | $200 | $100</li>
    </ul>
</div>