How To Create Product Type Post in Median UI 1.5 Blogger Theme

vào

I will also share a code of Product Type Post of median ui 1.5 theme. 

If you buyed Median Ui theme From Jagodesign. You will also find the code for the product page in the theme bundle. but if you download this theme from any other website you will not get the product type post code. So today in this post i will share a tuts on How to Create Product Page in Median Ui?

How To Create Product Type Post in Median UI 1.5 Blogger Theme

You just need to use a code to add product type post in median ui because css code of product type post is already putted in theme. We have given only below html codes, wherever you want to create product page, paste those codes there. 

Use the Below HTML codes to Add product Type Post in Median Ui v1.5.

html

<div class='separator'>
  <img alt='Image_title' src='Image_src' />
</div>

<!--[ Price to show in homepage ]-->
<div class='proPrice' data-text='Price'>Rp. 200.000</div>
<!--more-->

<div class='proInfo'>
  <div class='proInfoL'><small>Size</small><span>Small, Medium, Large, X Large</span></div>
  <div class='proInfoR'><small>Color</small><span>Merah, Kuning, HIjau, Biru</span></div>
</div>
<div class='proInfo one'><small>Sample</small><span>Nullam congue euismod euismod, mauris lacinia pellentesque vehicula</span></div>

<div class='proMarket'>
  <small>atau Belanja melalui "<b>Market Place</b>" favorit anda :</small>
  
  <!--[ Change attribute href='#' to add url ]-->
  <a title='Tokopedia' href='#' target='_blank' rel='noopener'>
    <img class='lazy' data-src='https://cdn.statically.io/favicons/tokopedia.com' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='>
  </a>
  <a title='Bukalapak' href='#' target='_blank' rel='noopener'>
    <img class='lazy' data-src='https://cdn.statically.io/favicons/bukalapak.com' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='>
  </a>
  <a title='Shopee' href='#' target='_blank' rel='noopener'>
    <img class='lazy' data-src='https://cdn.statically.io/favicons/shopee.co.id' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='>
  </a>
  <a title='Lazada' href='#' target='_blank' rel='noopener'>
    <img class='lazy' data-src='https://cdn.statically.io/favicons/lazada.co.id' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='>
  </a>
</div>

<!--[ Active function ]-->
<input class='allTabs hidden' id='forall-tabs1' type='radio' name='postTabs' checked>
<input class='allTabs hidden' id='forall-tabs2' type='radio' name='postTabs'>
<input class='allTabs hidden' id='forall-tabs3' type='radio' name='postTabs'>
<div class='postTabs'>
  <div class='tabsHead'>
    <!--[ Change atribute data-text='...' to replace tabs title ]-->
    <label for='forall-tabs1' data-text='Deskripsi'></label>
    <label for='forall-tabs2' data-text='Tabs_2'></label>
    <label for='forall-tabs3' data-text='Tabs_3'></label>
  </div>

  <div class='tabsContent'>
    <!--[ Tabs content ]-->
    <div class='tabsContent-1'>

      <!--[ Your content goes here ]-->

    </div>

    <!--[ Tabs content ]-->
    <div class='tabsContent-2'>

      <!--[ Your content goes here ]-->

    </div>

    <!--[ Tabs content ]-->
    <div class='tabsContent-3'>

      <!--[ Your content goes here ]-->

    </div>
  </div>
</div>

First of all, Change all details of this code as your product information and put your product content in Tabs Content.

Conclusion



I hope you like this post. This is a best tutorial on How To Create Product Type Post in Median UI 1.5 Blogger Theme. if you have face any problem you can ask in the comment section. Thanks For Reading This Post.

SOURCE:-

ALL RIGHTS AND HARDWORK IS OF BLOGGERISH YT I DO NOT HOLD ANY RIGHTS.

I AM JUST SHARING IT TO MY VIEWER'S....