Product page – Custom description 2

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_style02″>
<div class=”row no-gutters align-items-center”>
<div class=”col-sm-6″ style=”text-align: left;”>
<img class=”float-left” src=”Your image 1 permanent address (ex: https://yoursite.com/image.jpg)” alt=”” />
</div>
<div class=”col-sm-6″><div class=”wpb_wrapper width-480″><div class=”antive-title-wrap text-center has-line”>
<h3 class=”antive-title no-link”>
Enter Your custom title here
</h3>
<span class=”short-desc”>
Enter Your custom description here
</span></div></div></div></div>
<div class=”row padding-variabble”>
<div class=”col-sm-12 col-lg-4 col-md-4″>
<div>
<div class=”wpb_wrapper width-380″>
<div class=”antive-title-wrap text-left has-line “>
<h3 class=”antive-title no-link”>
Enter Your custom title here
</h3>
<span class=”short-desc”>
Enter Your custom description here
</span></div>
<div class=”antive-title-wrap text-left has-line “>
<h3 class=”antive-title no-link”>
Enter Your custom title here
</h3>
<span class=”short-desc”>
Enter Your custom description here
</span>
</div></div></div></div><div class=”col-sm-12 col-lg-4 col-md-4″><div>
<figure><img src=Your rounded image permanent address (ex: https://yoursite.com/image.jpg)” alt=”” /></figure>
</div></div><div class=”col-sm-12 col-lg-4 col-md-4″><div class=”float-xl-right”><div class=”wpb_wrapper width-380″><div class=”antive-title-wrap text-right has-line “>
<h3 class=”antive-title no-link”>
Enter Your custom title here
</h3>
<span class=”short-desc”>
Enter Your custom description here
</span>
</div><div class=”antive-title-wrap text-right has-line”>
<h3 class=”antive-title no-link”>
Enter Your custom title here
</h3>
<span class=”short-desc”>
Enter Your custom description here
.</span></div></div></div></div></div><div class=”row no-gutters align-items-center”><div class=”col-sm-6″><div class=”wpb_wrapper width-380″>
<div class=”antive-title-wrap text-center has-line “>
<h3 class=”antive-title no-link”>
Enter Your custom title here
</h3>
<span class=”short-desc”>
Enter Your custom description here
</span>
</div></div></div><div class=”col-sm-6″>
<div class=”wpb_wrapper”>
<img class=”float-left” src=”Your image 2 permanent address (ex: https://yoursite.com/image.jpg)” alt=”” />
</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?