## 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(PRS171_07_Package) and click on "Save" button.

Now activate "PRS171_07 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\PRS171_07\assets\css\theme_rtl.css
2) Then regenerate rtl file.
Go to "Design -> Theme & Logo"

Now upload all "CMS images"
Copy "PRS171_07_Package -> Documentation.zip -> cms_img/cms/" directory into "/img/cms/".

## Theme module setting↑ Back to Top

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

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

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

### Module - 1: "Image slider"

click on "configure"and delete "sample 3"

and edit "sample 1"also see below screenshot.

### Module - 2: "TT - Featured products"

click on "configure"

### Module - 3: "TT - New products block"

click on "configure"

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

click on "configure"

### Module - 5: "TT - Specials block"

click on "configure"

### Module - 6: "TT - Ajax Category Search"

click on "configure"

### Module - 7: "TT - Product countdown"

click on "configure"

### Module - 8: "TT - Brand Logo"

click on "configure"

### Module - 9: "TT - Product Comments"

click on "configure"

### Module - 10: "TT - Wishlist block"

click on "configure"

### Module - 11: "TT - Compare Products"

click on "configure"

### Module - 12: "TT - Category Product Slider"

click on "configure"

### Add All CMS Content In Our CMS Modules

click on "configure"

Add CMS code here

### Module - 13: "TT - CMS Footer block "

View CMS Content

<div class="ttfooter"> <p><img src="../img/cms/footer-logo.png" alt="footer-logo" /></p> <div>Claritas processus dynamicus sequitu consution Claritas processus.</div> <div class="wallmart_logo_block"> <ul class="wallmart-list"> <li class="checked"><a href="#"> <img alt="checked" src="../img/cms/hallmarks-checked.png" /></a></li> <li class="pro"><a href="#"> <img alt="pro" src="../img/cms/hallmarks-pro.png" /></a></li> <li class="qualified"><a href="#"> <img alt="qualified" src="../img/cms/hallmarks-qualified.png" /></a></li> </ul> </div> </div>

### Module - 14: "TT - CMS Banner block"

View CMS Content

<div class="ttcmsbanner container"> <div class="row"> <div class="ttbanner-img1 ttbanner col-sm-6 col-xs-12"><a href="#"><img alt="banner-01" src="../img/cms/banner-01.jpg" /></a></div> <div class="ttbanner-img2 ttbanner col-sm-6 col-xs-12"><a href="#"><img alt="banner-02" src="../img/cms/banner-02.jpg" /></a></div> <div class="ttbanner-img3 ttbanner col-sm-6 col-xs-12"><a href="#"><img alt="banner-03" src="../img/cms/banner-03.jpg" /></a></div> </div> </div>

### Module - 15: "TT - CMS Footerservice block "

View CMS Content

<div class="ttcmsservice-content"> <div class="ttshipping service col-sm-3 col-xs-3"> <div class="service-icon-background"> <div class="ttshipping_img service-icon"></div> </div> <div class="service-content"> <div class="service-title">Free Shipping</div> <div class="service-desc">Deliver to door</div> </div> </div> <div class="ttsupport service col-sm-3 col-xs-3"> <div class="service-icon-background"> <div class="ttsupport_img service-icon"></div> </div> <div class="service-content"> <div class="service-title">24*7 Support</div> <div class="service-desc">in safe hands</div> </div> </div> <div class="ttsaving service col-sm-3 col-xs-3"> <div class="service-icon-background"> <div class="ttsaving_img service-icon"></div> </div> <div class="service-content"> <div class="service-title">big saving</div> <div class="service-desc">at lowest price</div> </div> </div> <div class="ttmoney service col-sm-3 col-xs-3"> <div class="service-icon-background"> <div class="ttmoney_img service-icon"></div> </div> <div class="service-content"> <div class="service-title">money back</div> <div class="service-desc">easy to return</div> </div> </div> <div class="ttexchange service col-sm-3 col-xs-3"> <div class="service-icon-background"> <div class="ttexchange_img service-icon"></div> </div> <div class="service-content"> <div class="service-title">exchange offer</div> <div class="service-desc">easy to exchange</div> </div> </div> </div>

### Module - 16: "TT - CMS Header Services block"

View CMS Content

<div class="ttheaderservice"> <div class="ttheaderservice-content"> <div class="ttheaderservice-title">whatsapp:</div> <div class="ttheaderservice-number">(00)1234 567891</div> </div> </div>

### Module - 17: "TT - CMS Testimonial block"

View CMS Content

<div class="tttestimonial-content"> <div class="tttestimonial-inner"> <ul id="tttestimonial-carousel" class="tt-carousel"> <li> <div class="testimonial-image"><img alt="" src="../img/cms/user1.jpg" /></div> <div class="testimonial-user-title"> <h4>John Duff</h4> <span class="tttestimonial-subtitle">Producer</span></div> <div class="testimonial-content"> <div class="testimonial-desc"> <p>Duis faucibus enim vitae nunc molestie, nec facilisis arcu pulvinar nullam mattis..</p> </div> </div> </li> <li> <div class="testimonial-image"><img alt="" src="../img/cms/user2.jpg" /></div> <div class="testimonial-user-title"> <h4>John Duff</h4> <span class="tttestimonial-subtitle">web designer</span></div> <div class="testimonial-content"> <div class="testimonial-desc"> <p>Duis faucibus enim vitae nunc molestie, nec facilisis arcu pulvinar nullam mattis..</p> </div> </div> </li> <li> <div class="testimonial-image"><img alt="" src="../img/cms/user3.jpg" /></div> <div class="testimonial-user-title"> <h4>John Duff</h4> <span class="tttestimonial-subtitle">web developer</span></div> <div class="testimonial-content"> <div class="testimonial-desc"> <p>Duis faucibus enim vitae nunc molestie, nec facilisis arcu pulvinar nullam mattis..</p> </div> </div> </li> </ul> </div> </div>

### Module - 18: "TT - CMS Header block"

View CMS Content

<div class="ttheader-service">get extra<span class="ttoffer"> 15% off!</span><

### Module - 19: "TT - CMS Bottombanner block"

View CMS Content

<div class="ttcmsbottombanner container"> <div class="row"> <div class="ttbanner-img1 ttbanner col-sm-6 col-xs-12"><a href="#"><img alt="bottombanner-01" src="../img/cms/bottombanner-01.jpg" /></a></div> <div class="ttbanner-img2 ttbanner col-sm-6 col-xs-12"><a href="#"><img alt="bottombanner-02" src="../img/cms/bottombanner-02.jpg" /></a></div> </div> </div>

### Module - 20: "TT - CMS Payment logo block"

View CMS Content

<div class="payment_logo_block"> <div class="payment-title">Payment by</div> <ul class="payment-list"> <li class="visa"><a href="#"> <img alt="visa" src="../img/cms/payment-visa.png" /></a></li> <li class="mastercard"><a href="#"> <img alt="mastercard" src="../img/cms/payment-mastercard.png" /></a></li> <li class="paypal"><a href="#"> <img alt="paypal" src="../img/cms/payment-paypal.png" /></a></li> <li class="cod"><a href="#"> <img alt="paypal" src="../img/cms/payment-cod.png" /></a></li> <li class="google"><a href="#"> <img alt="paypal" src="../img/cms/payment-google.png" /></a></li> </ul> </div>

## Popup Newsletter Setting↑ Back to Top

For Popup Newsletter setting please refer the below screenshot.

## Category Feature Image Setting↑ Back to Top

if you want display category feature image you have to compulsory add category banner image.

## Mega Menu Setting↑ Back to Top

Go to "Modules -> Modules and Services -> TT Megamenu" -> "Configure" the module below:
Then Set the menu click on edit button.

Setting for Prestashop Links, Align of Submenu and Width of Submenu.

Setting for category Icons and Images.

Setting for Category Build Submenu.

Step: 1 -> Add New Row
Step: 2 -> Add New Column
Step: 2 -> Add New Items

Setting For New Items
Step: 1 -> Add New Prestashop Links

Step: 2 -> Add New Custom Links

Step: 3 -> Add New HTML Block

Step: 4 -> Add New Product Block
Please, read the whole section, If you can add product block you need to add new column name Special class ttproduct-block

## 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

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

Back To Top