How To Create Product Posts in Hartomy Template

Hello Everyone, on this occasion I will share How To Create Product Posts in Hartomy Template. A few days ago I shared hartomy Omesnap Premium Blogger Template with all of you absolutely free. Loved this template so much that a lot of people had downloaded this template from our blog.

An important feature of hartomy omesnap was that this template has all the features of an e-commerce website due to which users can easily sell their products using this theme. That is, a special ecommerce feature has also been given in the theme. Although we have not shared the product post document of this template file with all of you. Due to which I received many requests to learn how to post products on Hartomy Omesnap blogger template, so I am sharing this post today.

Please follow all the steps given below carefully so that you can understand and use it easily. If you haven’t downloaded this Hartomy Omesnap blogger template yet, you can easily download this template for free.

How To Create Product Posts in Hartomy Template :-

Step 1 :- First Go To Blogger.Com.
Step 2 :- After Login Your Blogger Account.
Step 3 :- Then Create a New Post.

Add Your Post Title, Description And Labels According To You Need.

Step 4 :- Then Click on HTML View.
Step 5 :- Then Copy And Paste The Given Html Code.
<div id='tgtPost'>
<div class="productContent">
   <div class="productPhoto">
      <div class="productPhotoWrapper">
         <a data-popup="image-1" href=""><img src="" /></a>
         <a data-popup="image-2" href=""><img src="" /></a>
         <a data-popup="image-3" href=""><img src="" /></a>
         <a data-popup="image-4" href=""><img src="" /></a>
   <div class="productChoice">
      <!-- Title -->
      <h2 class="item_name" id="title">
      <!-- Stock of Goods -->
      <div class="productDetail" data-stock="on">
         <!-- Product Price -->
         <div class="priceArea">
            <span class="price" data-discount-percent="50" data-normal-price="280000" data-price="280000">280000</span>
         <!-- Option 1 -->
         <ul class="item_productOptionInfo productOption">
            <div class="nameOption">Size</div>
         <!-- Option 2 -->
         <ul class="productOption2">
            <div class="nameOption2"> </div>
<div class="productOptionInfo" style="display: none;"></div>
<!-- Product Detail Description-->
<div class="detailDescription">
   <b>Product Details</b>
   <span face="&quot;roboto&quot; , , &quot;blinkmacsystemfont&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif" style="background-color: white; font-size: 14px; white-space: pre-wrap;">Inspired by vintage Levi's, these high-waist stretch-denim jeans hug the waist and hips to showcase your curves to greatest effect. Style Name: Levi's Wedgie Icon Fit High Waist Crop Jeans (Bauhaus Blues). Style Number: 5532015. Available in stores.
Step 6 :- Then Don’t Forget To Publish Your Post.

This Product Html Code Worked on Hartomy v3 and Hartomy Omesnap Blogger Template Only. Don’t Try This Html Code on Another Blogger Template.

Conclusion :-

In this post I have explained How To Create Product Posts in Hartomy Template. I Hope this tutorial can be useful for all Hartomy v3 And Hartomy Omesnap Blogger Template User. Thank You for Visiting Our Website.

Refrence :


1 Comment

Leave a Reply

Your email address will not be published. Required fields are marked *