Product page – Custom description 3

Our theme has ability to make your product’s description look very attractive.

You’ll need a bit tricky for this style, using [shortcode]. We’re strongly recommended for experienced HTML users only.

Go to your store admin panel then choose your product which you wish to customize. click on edit HTML code button

At the end of the text, copy and paste the following codes to your product’s description

[begin_product_description]
<div class=”product_description_style03″>
<div class=”fm-row”>
<div class=”container”>
<div class=”row”>
<div class=”col-sm-7″>
<figure><img src=”Your first image permanent address (ex: https://yoursite.com/image.jpg)” alt=”” /></figure>
</div>
<div class=”col-sm-5″><div class=”wpb_wrapper width-380″><div class=”antive-title-wrap text-left has-line”>
<h3 class=”antive-title no-link”>

Enter Your custom heading here

</h3>
<span class=”short-desc”>

Enter Your custom description here

</span></div>
</div></div></div></div></div><div class=”fm-row”><div class=”container”><div class=”row”><div class=”col-sm-6″><div class=”wpb_wrapper width-380″><div class=”antive-title-wrap text-left has-line “>
<h3 class=”antive-title no-link”>

Enter Your custom heading here

</h3>
<span class=”short-desc”>

Enter Your custom description here

</span></div>
</div></div><div class=”col-sm-6″>
<figure><img src=”Your  image 2 permanent address (ex: https://yoursite.com/image.jpg)” alt=”” /></figure>
</div>
</div></div></div><div class=”fm-row”><div class=”container”><div class=”row”><div class=”col-sm-7″>
<figure><img src=”Your image 3 permanent address (ex: https://yoursite.com/image.jpg)” alt=”” /></figure>
</div>
<div class=”col-sm-5″><div class=”wpb_wrapper width-380″><div class=”antive-title-wrap text-left has-line”>
<h3 class=”antive-title no-link”>

Enter Your custom heading here

</h3>
<span class=”short-desc”>

Enter Your custom description here

.</span></div></div></div></div></div></div></div>
[end_product_description]

NOTE: you have to provide the direct image link from an address, alternatively you can get your current store’s image address by go to admin panel > Settings > Files

Select an image and copy its address then paste it inside the code above

 

Was this helpful to you?