☰


Theme Installation ↑ Back to Top

Please, read the whole section, before attempting to install the theme.
it is recommend to always backup your system before making any upgrades or changes!



Installation steps↑ Back to Top

Go to "Design -> Theme & Logo" click on "Add new theme"
Here you will see "Import from your computer" where you need to select Package ZIP file(PRS147_Package) and click on "Save" button.

upload-installer


Now activate "PRS147 theme"

use-theme




RTL Setting↑ Back to Top

Please, read the whole section, If you change any style in css file you need to regenerate rtl file.

Following below steps:
1) Delete file to following path: themes\PRS01\assets\css\theme_rtl.css
2) Then regenerate rtl file.
Go to "Design -> Theme & Logo"

use-theme


Now upload all "CMS images"

Copy "PRS147_Package -> Documentation.zip -> cms_img/cms/" directory into "/img/cms/".

cms_img


Theme module setting↑ Back to Top

Go to "Modules -> Modules and Services -> Selection" Search all TemplateTrip Modules:

module-selection


Go to "Modules -> Modules and Services -> Installed modules" and Install all the module which are listing below:

all-module-install


After installing all the module "Configure" one by one.

Module - 1: "Image slider"

click on "configure"and delete "sample 3"

imageslide-delete

and edit "sample 1"also see below screenshot.

imageslide

imageslide1



Module - 2: "TT - Featured products"

click on "configure"

ttfeatured-setting


Module - 3: "TT - New products block"

click on "configure"

ttnewproduct-setting


Module - 4: "TT - Top-sellers block"

click on "configure"

tttopseller-setting


Module - 5: "TT - Specials block"

click on "configure"

ttspecial-setting


Module - 6: "TT - Product countdown"

click on "configure"

ttcountdown-setting


Module - 7: "TT - Brand Logo"

click on "configure"

ttbrand-setting


Module - 8: "TT - Product Comments"

click on "configure"

ttcomment-setting


Module - 9: "TT - Wishlist block"

click on "configure"

ttwishlist-setting


Module - 10: "TT - Compare Products"

click on "configure"

ttcompare-setting


Add All CMS Content In Our CMS Modules

click on "configure"

cmsblock-setting

Add CMS code here

cmscontent-setting


Module - 11: "TT - CMS Header block"

View CMS Content

<div class="ttheader-service">Wants to explore Upcoming Deals on Weekends?</div>


Module - 12: "TT - CMS Banner block"

View CMS Content

<div class="ttcmsbanner">
<div class="ttbanner-content">
<div class="ttbannercol1 ttbanner col-sm-4 col-xs-4">
<div class="ttbanner-img ttimg1"><a href="#"><img src="../img/cms/Banner-01.jpg" alt="Banner-01.jpg" /></a></div>
</div>
<div class="ttbannercol2 ttbanner col-sm-4 col-xs-4">
<div class="ttbanner-img ttimg2"><a href="#"><img src="../img/cms/Banner-02.jpg" alt="Banner-02.jpg" /></a></div>
</div>
<div class="ttbannercol3 ttbanner col-sm-4 col-xs-4">
<div class="ttbanner-img ttimg3"><a href="#"><img src="../img/cms/Banner-03.jpg" alt="Banner-03.jpg" /></a></div>
</div>
</div>
</div>


Module - 13: "TT - CMS Parallax block"

View CMS Content

<div class="ttparallex-text col-sm-12">
<div class="ttparallex-heading">Big Festival Sales, Exclusive on Shop</div>
<div class="ttblock-subheading">Get Flat 40% OFF</div>
<div class="ttparallex-button"><a href="#">Discover Shop</a></div>
</div>


Module - 14: "TT - CMS offer block"

View CMS Content

<div class="ttofferbannerblock">
<div class="ttofferbanner1 ttofferbanner col-xs-12 col-sm-12">
<div class="ttofferbannerr-img"><a href="#"> <img src="../img/cms/offer-banner.jpg" alt="offer-banner.jpg" /></a></div>
</div>
</div>


Module - 15: "TT - CMS Service block"

View CMS Content

<div class="ttservices container">
<div class="block_content">
<div class="ttsaving noline ttservicemain col-sm-4 col-xs-4">
<div class="ttcontent_inner">
<div class="service">
<div class="service-content">
<div class="ttsaving_img service-icon"></div>
<div class="service-title">Big Saving</div>
<div class="service-desc">Shopping with Saving</div>
</div>
</div>
</div>
</div>
<div class="ttsupport ttservicemain mobilemidea col-sm-4 col-xs-4">
<div class="ttcontent_inner">
<div class="service">
<div class="service-content">
<div class="ttsupport_img service-icon"></div>
<div class="service-title">24H Support</div>
<div class="service-desc">On Demand Support</div>
</div>
</div>
</div>
</div>
<div class="ttshipping ttservicemain lastdiv col-sm-4 col-xs-4">
<div class="ttcontent_inner">
<div class="service">
<div class="service-content">
<div class="ttshipping_img service-icon"></div>
<div class="service-title">Free Shipping</div>
<div class="service-desc">On Order of $99</div>
</div>
</div>
</div>
</div>
</div>
</div>


Module - 16: "TT - CMS Testimonial block"

View CMS Content

<div class="tttestimonial-content container">
<div class="tttestimonial-inner">
<ul id="tttestimonial-carousel" class="tt-carousel block_content">
<li>
<div class="testimonial-content">
<div class="testimonial-desc">
<div class="clintsays">What's Client Say? <span class="clinticon"><i class="material-icons"></i> </span></div>
<p>"Ut enim ad minima veniam, quis nostrum exercitationem ullamlaboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderitmolestiae consequatur, vel illum qui dolorem."</p>
</div>
<div class="testimonial-image"><img alt="" src="../img/cms/user1.jpg" /></div>
<div class="testimonial-user-title">
<div class="title">John duff <span class="tttestimonial-subtitle">CEO & Founder</span></div>
</div>
</div>
</li>
<li>
<div class="testimonial-content">
<div class="testimonial-desc">
<div class="clintsays">What's Client Say? <span class="clinticon"><i class="material-icons"></i> </span></div>
<p>"Ut enim ad minima veniam, quis nostrum exercitationem ullamlaboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderitmolestiae consequatur, vel illum qui dolorem."</p>
</div>
<div class="testimonial-image"><img alt="" src="../img/cms/user2.jpg" /></div>
<div class="testimonial-user-title">
<div class="title">John duff <span class="tttestimonial-subtitle">CEO & Founder</span></div>
</div>
</div>
</li>
<li>
<div class="testimonial-content">
<div class="testimonial-desc">
<div class="clintsays">What's Client Say? <span class="clinticon"><i class="material-icons"></i> </span></div>
<p>"Ut enim ad minima veniam, quis nostrum exercitationem ullamlaboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderitmolestiae consequatur, vel illum qui dolorem."</p>
</div>
<div class="testimonial-image"><img alt="" src="../img/cms/user3.jpg" /></div>
<div class="testimonial-user-title">
<div class="title">John duff <span class="tttestimonial-subtitle">CEO & Founder</span></div>
</div>
</div>
</li>
</ul>
</div>
</div>


Module - 17: "TT - CMS Footer block"

View CMS Content

<div class="ttfooter-logo"><a href="#"><img alt="footer-logo" src="../img/cms/footer-logo.png" /></a></div>
<div class="ttfooter-desc">Claritas processus dynamicus recmicus sequitu cmicus qituconsut.</div>




Mega Menu Banner Setting↑ Back to Top

menu-banner


menu-banner1.jpg




Footer Link Setting↑ Back to Top

For Footer Link position please refer the below screenshot.
Go to "Design -> Link Widget"
Then For edit block:click on edit

footer-link-setting


For edit block please refer the below screenshot.
Here you can check/uncheck link.

footer-link-setting1




At last, everything has been completed, Now you just need to add/upload your real products and banners-images,
and your store looks like our theme-demo. Still yes if you have any queries, please feel free to contact us.

Thank you for purchasing our theme :)




Back To Top