Thanks for Buying

First of all, Thank you for purchasing our theme. This user guide covers all options that the theme provides. Please read the documentation carefully as it may answer most of your questions. In case if you feel some aspect is not covered or have some questions, contact us via our user page contact form here. We will do our best to answer you in shortest time possible.

We are extremely happy to present WT-Autoparts Zencart Theme to you, it is designed and developed by highly qualified Designer & Developers in a way that make it usable for any type of E-Commerce store.

WT-Autoparts Theme is compatible with the latest Zencart version 1.5.7c.
Images shown in theme are for demo puposes only. Actual Package does not include those images.
Kindly Note : For any CSS changes in the theme, please add your custom CSS in user_custom_styles.css file, which can be found under includes\templates\wt_autoparts\css directory. Changes done in any other theme defined CSS files may lost in future theme updates. We would not be responsible for those loss of CSS changes. Any queries in regards to that would not be entertained.

For more information regarding installing the Zencart platform, please see the Zencart Docs here. Please note that we do not give support or any questions related on how to install and maintain Zencart. For any faulty installation that may cause your website or our theme malfunction you should refer to Zencart support forum. Alternatively you can get help from your web hosting.

Please follow this guide carefully to get started with WT-Autoparts Zencart Theme.

WT-Autoparts is a responsive theme for Premium which uses the best practices of latest technologies and is compatible with all mobile devices, which comes with following features. You can change it from theme Options. Continue reading the documentation to uncover all the features provided.

  • Fully Supports latest Zen Cart v1.5.7d
  • Theme Package & Quickstart Included.
  • One Click Install Demo Data and Easy to Customize with Strong Admin Panel
  • Built using latest technologies like Bootstrap 4.x, HTML5/CSS3
  • Creative And Modern Design
  • Fully Responsive
  • Easily Customizable Content in Homepage using Short Codes
  • Fasted Loading Zen Cart Theme
  • Wide/Box Layout support
  • RTL support
  • Google Richsnippets Included
  • WT Autoparts Banner Manager
  • WT Slideshow Manager
  • Quick View
  • Strong Theme Admin Panel
  • Multi Language Support
  • Mailchimp Integration
  • News Box Manager
  • Dynamic Filter
  • Testimonials Manager
  • Best Sellers Products Module
  • Product Grid - List View
  • Fotorama for Product Images
  • Elevate Zoom Plus with Different 3 Styles
  • Dynamic Price Updater
  • Add to Wishlist
  • Ajax Add to Compare
  • Instant Search Suggestions
  • CSS/JS Loader
  • Product Image Loader
  • Ultimate SEO Urls
  • Newsletter Popup
  • 500+ Google Web Fonts Support
  • Mega Menu, Vertical Menu and Mobile Menu
  • Related Products Module
  • Custom Homepage, Category, Product List, Product Page with 1 Column, 2 Columns or 3 Columns layout
  • 2 Styles to Display Categories
  • 2 Type (Default, Alternate Image) to Display Product Image
  • 2 Style (Fade and Vertical) to Display Alternate Images
  • 4 Styles (Elevate Zoom Plus, Fotorama Slider, Light Box and Zen Cart Default) to Display Product Image Effect
  • 2 Style to Display Product Information Tabs
  • 3 Product Page Layouts (Big size, Medium size and Small Size) to Display Product Image
  • 2 Style (Carousel Style and Micro Style) to Display Product Slider
  • Custom Product Elements (Reviews, Quickview, Price etc..) Hide and Show
  • Template Options to Display number of Products Per Row in Products List
  • Template Options to Display number of Products Per Row and Per Columns in Product Slider
  • Advanced Theme Admin Panel. Customise the template as per your requirement.
  • Fast Support & Regular Updates

Upon downloading the main package zip from Themeforest, you'll have all files you need inside. Zip package contains the following files and folders:

  1. Documentation folder
  2. QuickstartPackage-ZC157c
  3. ThemePackageFiles
  4. WT-Autoparts version changed files
  5. Licensing information
  6. changelog.txt
Note : You are advised to read the installation procedure carefully, backup your store files and database first before installation or making any changes.
Note : Please Create the Database before Installation. The name of Database will be required when asked during Installation.

The theme can be installed in two 2 ways

  1. Quickstart Installation : If you want to test the theme and check how the live demo was configured, you can install demo containing the sample data and settings from our live demo.
  2. Theme Files Installation : If you already have a Zencart store and want to apply the theme to that store. For the store running Zencart v1.5.7c, please follow these steps.

Quickstart Installation

  1. Quickstart Theme Installation is only for the users who want the latest Zencart version i.e 1.5.7c
  2. Unzip the main downloaded package from themeforest and find the QuickstartPackage-ZC157c folder.
  3. Upload the content of this directory to your server using the FTP client or Cpanel
  4. Start installation by typing the URL of the directory where the files have been placed.
    (Ex: localhost/ [directory name] /installation/index.php or domain name/ [directory name] /installation/index.php)
    The initial installation page should appear as normal Zencart installation and then follow the next steps as shown below :

Database Setup

This step requires the Database information for Installation. Image below shows the Steps mentioned.

  • Enter your Database Host Name. (Ex: localhost)
  • Enter your Database Username. (Ex: root)
  • Enter your Database Password. (As per your requirement)
  • Enter your Database Name. (Ex: zencart)
  • Leave Store Identifier (Table Prefix) field empty.
  • Click on "Continue". This will take you to the next step of installation process.

Step 4

Admin Setup

  • Enter the admin information as per your requirement and click on Continue.
  • A temporary Admin Password will be created and the admin directory will be renamed automatically as per the new Zencart installation process.
Step 7


Setup Finished

  • This will complete the installation process and the page with both Admin and Store Front links will appear as shown below.
  • Now go to your installation directory and rename/delete the zc_install directory.
  • Click on Store Admin URL and it will ask to refresh the page again and a normal zencart admin login page will open. Enter the Admin Username and Temporary password. This will prompt you to change the temporary password as per the normal zen cart installation process
Step 8 Admin 2


Store Setup

  • When you logged into you store admin Panel and you can will two alert messages on top of your store admin as shown in the image below. Install WT-Autoparts Template Settings by clicking on Click to Install link.
Admin 1
  • Please enter the store detail as shown in above image.





Theme Files Installation

  1. Unzip the main downloaded package and find the ThemePackageFiles folder.
  2. Rename the Your-Admin-Folder-Name directory with the name of your existing store admin directory.
  3. Now copy all the files and directories of the ThemePackageFiles to your existing store directory. This will replace some files in your existing store.
  4. Login to you Store Admin Panel and you will see two alert messages on top of your store admin panel as shown in the image below. Install the WT-Autoparts Template Settings by clicking on Click to Install link.
  5. WT-Autoparts

  6. Once that is done you will see the Template has been installed successfully. message on top and will be redirected to the Theme Admin Panel.
Important: Please note that as authors of this theme we are able to provide support only for the features which we created and for the issues related strictly to this theme. We do not provide support for Zencart configuration, installation, maintenance, customization etc.

When you install the theme all our sample data as shown in the live demo gets installed on your server/localhost too. We have made the configuration of theme very easy with the Advanced theme panel, though if you desire to get the replica of our homepage demos follow the steps metioned below.

Before continuing we expect that you have read the Template Settings thoroughly and are very well aware of setting up those values, so this section will not cover any of those part.


To edit homepage content go to Store Admin > Tools > Define Pages Editor.

Select define_homepage_xxx.php homepage version want to edit. Here you can add/delete/edit content and change position of content.

In WT-Autoparts Zencart Theme we have provided the short codes for the specific content like Slideshow, Banners, Products, Brands etc..

We have provided the some short codes below that handled the homepage only.

  • WT Slideshow Manager

    WT Slideshow Manager short code use to display Slideshow in home page (Short Codes) and Other Pages (PHP Code). you can handle slidershow from WT Slideshow Manager.

    <!-- WT SLIDESHOW MANAGER -->
    <div class="nomargin container-indent">
    	[wtsm_slideshow ID="1"]
    </div>
    <!-- /WT SLIDESHOW MANAGER -->

    Below list of options support in this short code.

    • ID > Enter slider id.
  • WT Autoparts Banner Manager

    wtwbm_slider short code use to display banners in home page. you can set banners styles and Add/Edit/Delete Banners from WT Autoparts Banner Manger.
    Homepage Define Page Editor Only:

    <!-- banner-area-start -->
    [wtwbm_slider ID="1"]
    <!-- banner-area-end -->

    Other page php file:
    <!-- banner-area-start -->
    wt_wt_autoparts_banner_manager("1");
    <!-- banner-area-end -->

    User above php function for display banners in zencart pages.

  • Product Tab Slider

    Product Tab slider short code use to display Featured, Bestseller, New Products and Specials type of products slider in home page..

    <!-- product-area-start -->
    <div class="container-indent1">
    	<div class="container container-fluid-custom-mobile-padding arrow-location-tab">
    		<div class="tt-block-title text-left">
    			<h1 class="tt-title">WOMEN’S</h1>
    		</div>
    		<div class="tt-tab-wrapper">
    			<ul class="nav nav-tabs tt-tabs-default" role="tablist">
    				<li class="nav-item">
    					<a class="nav-link show active" data-toggle="tab" href="#tt-tab-01" role="tab">NEW ARRIVALS</a>
    				</li>
    				<li class="nav-item">
    					<a class="nav-link" data-toggle="tab" href="#tt-tab-02" role="tab">SPECIALS</a>
    				</li>
    				<li class="nav-item">
    					<a class="nav-link" data-toggle="tab" href="#tt-tab-03" role="tab">BESTSELLERS</a>
    				</li>
    				<li class="nav-item">
    					<a class="nav-link" data-toggle="tab" href="#tt-tab-04" role="tab">TOP REATED</a>
    				</li>
    				<li class="nav-item">
    					<a class="nav-link" data-toggle="tab" href="#tt-tab-05" role="tab">FEATURED PRODUCTS</a>
    				</li>
    			</ul>
    			<div class="tab-content">
    				<div class="tab-pane active fade" id="tt-tab-01" role="tabpanel">
    					[products type="new_products" style="slider" category="23" max_products="6" show_lg_columns="4" show_md_columns="3" show_sm_columns="2" show_xs_columns="2" title="none" arrows_class="arrow-location-tab"]
    				</div>
    				<div class="tab-pane" id="tt-tab-02" role="tabpanel">
    					[products type="special_products" style="slider" category="23" max_products="6" show_lg_columns="4" show_md_columns="3" show_sm_columns="2" show_xs_columns="2" title="none" arrows_class="arrow-location-tab"]
    				</div>
    				<div class="tab-pane fade" id="tt-tab-03" role="tabpanel">
    					[products type="best_sellers" style="slider" category="23" max_products="6" show_lg_columns="4" show_md_columns="3" show_sm_columns="2" show_xs_columns="2" title="none" arrows_class="arrow-location-tab"]
    				</div>
    				<div class="tab-pane fade" id="tt-tab-04" role="tabpanel">
    					[products type="top_rated_products" style="slider" category="23" max_products="6" show_lg_columns="4" show_md_columns="3" show_sm_columns="2" show_xs_columns="2" title="none" arrows_class="arrow-location-tab"]
    				</div>
    				<div class="tab-pane fade" id="tt-tab-05" role="tabpanel">
    					[products type="featured_products" style="slider" category="23" max_products="6" show_lg_columns="4" show_md_columns="3" show_sm_columns="2" show_xs_columns="2" title="none" arrows_class="arrow-location-tab"]
    				</div>
    			</div>
    		</div>
    	</div>
    </div>
    <!-- product-area-end -->

    Below list of options support in this short code.

    • type > Here you can set products type new_products, featured_products, best_sellers, top_rated_products, custom_products, category_products and special_products options.
    • style > Here you can set products display style slider, grid, micro_slider, micro_ver_slider, micro_grid and single_big_product options.
    • max_products > Here you can set maximum numbers of products display in slider.
    • category > Here you can set categories_id with comma separate. This option affected only category_products Type.
    • products > Here you can set products_id with comma separate. This option affected only custom_products Type.
    • show_lg_columns > Number of Columns above 1199px.
    • show_md_columns > Here you can set numbers of products within (992px - 1198px) width.
    • show_sm_columns > Here you can set numbers of products within (768px - 991px) width.
    • show_xs_columns > Here you can set numbers of products within (480px - 767px) width.
    • show_rows > Here you can set numbers of rows display in slider.
    • title > Set the title to display in slider title. if you want to hide slider title set none options.
    • title_position > Set the title position Like left,right and center options.
    • arrows_class > Set the slider arrow class to show arrow positions Like arrow-location-tab, arrow-location-center, arrow-location-01, arrow-location-02, arrow-location-03, arrow-location-right-top, arrow-location-center-02 and center options.
  • Products

    Product short code use to display Featured, Bestseller, New Products, Custom Products, Top Rated Products and Specials type of products slider in home page.
    Display Products Style:

    Slider

    Micro Grid

    Micro Slider

    Single Big Product

    [products type="new_products" style="slider" category="24" max_products="6" show_lg_columns="4" show_md_columns="3" show_sm_columns="2" show_xs_columns="2" title="none" arrows_class="arrow-location-tab"]

    Below list of options support in this short code.

    • type > Here you can set products type new_products, featured_products, best_sellers, top_rated_products, custom_products, category_products and special_products options.
    • style > Here you can set products display style slider, grid, micro_slider, micro_ver_slider, micro_grid and single_big_product options.
    • max_products > Here you can set maximum numbers of products display in slider.
    • category > Here you can set categories_id with comma separate. This option affected only category_products Type.
    • products > Here you can set products_id with comma separate. This option affected only custom_products Type.
    • show_lg_columns > Number of Columns above 1199px.
    • show_md_columns > Here you can set numbers of products within (992px - 1198px) width.
    • show_sm_columns > Here you can set numbers of products within (768px - 991px) width.
    • show_xs_columns > Here you can set numbers of products within (480px - 767px) width.
    • show_rows > Here you can set numbers of rows display in slider.
    • title > Set the title to display in slider title. if you want to hide slider title set none options.
    • title_position > Set the title position Like left,right and center options.
    • arrows_class > Set the slider arrow class to show arrow positions Like arrow-location-tab, arrow-location-center, arrow-location-01, arrow-location-02, arrow-location-03, arrow-location-right-top, arrow-location-center-02 and center options.
  • Sidebar Megamenu (Verticle Megamenu)

    Sidebar Megamenu short code use to display verticle megamenu in home page. you can handle mega menu from Template Settings.

    <!-- left-menu-start -->
        [sidebar_megamenu]
    <!-- left-menu-end -->
  • News Box Slider

    News Box slider short code use to display latest news in in home page. you can handle news box from Template Settings.

    <!-- news-area-start -->
    [news_slider title="Our Blog" title_position="left" max_news="3" show_lg_columns="2" show_md_columns="1" show_sm_columns="1"]
    <!-- news-area-end -->

    Below list of options support in this short code.

    • title > Set the title to display in slider title.
    • title_position > You can set left, center and right position for dislay slider title.
    • max_news > Here you can set maximum numbers of news display in slider.
    • show_lg_columns > Number of Columns above 1199px.
    • show_md_columns > Here you can set numbers of products within (992px - 1198px) width.
    • show_sm_columns > Here you can set numbers of products within (768px - 991px) width.
    • show_xs_columns > Here you can set numbers of products within (480px - 767px) width.
  • Testimonials

    Testimonials short code use to display testimonial slider in home page. you can handle testimonials from Template Settings.

    <!-- testimonials-start -->
    <div class="aside-block">
    <div class="title-with-arrows">
    	<h2 class="text-left">Clients Say</h2>
    	<div class="carousel-arrows"></div>
    </div>
    [testimonials style="slider" show_lg_columns="1" show_md_columns="1" show_sm_columns="1" show_rows="2" max_testimonials="4" title="none"]
    </div>
    <!-- testimonials-end -->

    Below list of options support in this short code.

    • style > Here you can set display style slider, grid options.
    • max_testimonials > Here you can set maximum numbers of testimonials display in slider.
    • show_lg_columns > Number of Columns above 1199px.
    • show_md_columns > Here you can set numbers of products within (992px - 1198px) width.
    • show_sm_columns > Here you can set numbers of products within (768px - 991px) width.
    • show_xs_columns > Here you can set numbers of products within (480px - 767px) width.
    • title > Set the title to display in slider title. if you want to hide slider title set none options.
    • title_position > Set the title position Like left,right and center options.
  • Brands Slider

    Brands Slider short code use to display brands slider in home page.

    <!--brands-start-->
    <div class="container-indent">
    	<div class="container container-fluid-custom-mobile-padding">
    		<div class="tt-block-title">
    			<h2 class="tt-title">POPULAR</h2>
    			<div class="tt-description">CLOTHING BRANDS</div>
    		</div>
    		<div class="tt-img-box-listing ">
    			[brands style="slider" max_brands="16" show_lg_columns="8" show_md_columns="6" show_sm_columns="4" show_xs_columns="3" arrows_class="tt-carousel-brands arrow-location-tab"]
    		</div>
    	</div>
    </div>
    <!--brands-end-->

    Below list of options support in this short code.

    • style > Here you can set display style slider, grid and box options.
    • max_brands > Here you can set maximum numbers of brands display in slider.
    • show_lg_columns > Number of Columns above 1199px.
    • show_md_columns > Here you can set numbers of products within (992px - 1198px) width.
    • show_sm_columns > Here you can set numbers of products within (768px - 991px) width.
    • show_xs_columns > Here you can set numbers of products within (480px - 767px) width.
    • arrows_class > Set the slider arrow class to show arrow positions Like arrow-location-tab, arrow-location-center, arrow-location-01, arrow-location-02, arrow-location-03, arrow-location-right-top, arrow-location-center-02 and center options.

WT Autoparts template can be customized according to customer's need. Template Settings makes customization very easy and hassle free.
Once the Template is installed completely, Template Settings menu can be found under Tools > WT Autoparts Template Settings in admin area.
Following are the features that can be customized using WT-Autoparts Theme Panel.

  • General

    Go to Tools > WT-Autoparts Template Settings > General > General Settings Panel section to start your custom settings configuration.


    Wide/Box > Here you can choose page layout wide or box.

    General Page Layout > Here you can choose options for the page layouts.

    Page Loader > Here you can choose options for display Page Loader. If you want to set custom page loader images you can set custom option.

    Image Loader > Here you can Enable - Disable Images Loader.

    RTL Mode > Here you can choose you want to display content RTL or LTR.

  • Color

    Go to Tools > WT-Autoparts Template Settings > General > Color Panel section to start your custom settings configuration.


    Theme Color > The default theme color is set to #000, you can enter the color code of your choice or select the color from the color picker provided.

    Theme Second Color > The default theme color is set to #000, you can enter the color code of your choice or select the color from the color picker provided. Second color affected like button hover background color.

  • Fonts Settings

    Go to Tools > WT-Autoparts Template Settings > General > Fonts Settings Panel section to start your custom settings configuration.


    General Font Family > WT-Autoparts comes with 500+ Goolge fonts preloaded. The General Font family will affect all the fonts in theme excluding the banner cations that you have added.

    Character Set: Latin Extended > Only selected fonts support extended character sets. For a complete list of available fonts and font subsets please refer to Google Web Fonts.

    Custom Character Subset > Only selected fonts support character sets. For a complete list of available fonts and font subsets please refer to Google Web Fonts. eg: greek,greek-ext

  • Product Slider

    Go to Tools > WT-Autoparts Template Settings > General > Product Slider Panel section to start your custom settings configuration.


    Additional Image Style > This option comes with 2 different values. Selecting default option will remove the additional images from the products and will have a simple view.

    If you want to display Alternate Images, it can be done by selecting Hover Effect option. Once the Hover Effect option is selected, another option below it will appear to let you choose the style of display on hover display alternative image display.

    In these other options to you can set Hide-Show products elements in product slider.

    Products Slider options affected all products slider like micro slider, tab slider, product slider etc...

  • Testimonial Manager

    Go to Tools > WT-Autoparts Template Settings > General > Testimonial Manager Panel section to start your custom settings configuration.


    Display Testimonials > Select Yes or No as per your requirement to display the Testimonials on your store home page.>

  • Newsletter

    Go to Tools > WT-Autoparts Template Settings > General > Newsletter Panel section to start your custom settings configuration.

    • Managing Newsletter has been made easy with Mailchimp integration in WT-Autoparts. New users can signup for free Mailchimp Services, while the already registered users can create their Signup forms and copy paste the code here.
    • After Signing In or Logging In successfully, go to Lists in your Dashboard.
    • Click on "Create List" on top right corner of your screen.
    • After creating the List successfully, click on the List name, this will take you to the details of particular list.
    • Then click on Signup Forms Tab, this will open the details of different types of forms.
    • Click on "Embedded Forms options", this will open the "Embedded Form Code" detail with the preview of different forms.
    • Click on "Super Slim" option and copy the code below it. Paste the code in the text-area provided, as shown in image below.
    • Click on Save Settings button and the changes will be applied to the front of store.
  • Newsletter Popup

    Go to Tools > WT-Autoparts Template Settings > General > Newsletter Popup Panel section to start your custom settings configuration.

    • Here you can Enable/Disable popup as per your need.
    • You can edit popup content from Admin > Tools > Define Page Editor then Select "define_newsletter_popup.php" and edit content.
  • Google Map

    Go to Tools > WT-Autoparts Template Settings > General > Google Map Panel section to start your custom settings configuration.

    • The Google Maps iFrame code is used to embed the Google map location of your store in the Contact Us page. If left empty the Map will be removed from contact us page.
    • Follow the below steps to get the iframe code of Map location for your store.

    1. Go to Google Maps and type the address of your store in the search bar on top left corner and hit enter or click on search icon. The map page will look something like below image.
    2. Google Map

    3. Click on Share link, highlighted in the image above. On click a pop up will appear with options of Share Link and Embed Map. Click on Embed Map option and the page will look as the below image.
    4. Google Map

    5. Copy the iframe code displayed in the above image and paste it to the Google Map section in the iframe code area for theme.
    6. Click on Save Settings button and the changes will be applied to the contact us page of store.
  • Google ReCAPTCHA

    Go to Tools > WT-Autoparts Template Settings > General > Google ReCAPTCHA Panel section to start your custom settings configuration.

    • You can add the google captcha field to the Create Account page and the Contact Us page, to prevent spam mails.
    • For that first login to your Google account and go to Google Recaptcha Page. This will open the page as shown below. Add the label and your Domain name as asked and click on register.
    • Google Captcha

    • Once register button is clicked, you will be redirected to the catpcha set up page, where Secret Key and Site Key willl mentioned as shown in the image below.
    • Google Captcha

    • Copy this Site Key and Secret key, paste them to the Google Captcha Section of theme admin panel as shown in the image below.
    • Click on Save Settings button and the changes will be applied to the front of store.
  • Home Page

    • Select the homepage layout as per your requirement using this option. The live demo of header styles are visible on WT-Autoparts demo.
  • Topbar Promo Content


    Display Promo Topbar > Select yes to show topbar.

    Promo TopBar Content > Enter promo topbar content.

  • Header Content

    Go to Tools > WT-Autoparts Template Settings > Header > Header Content Panel section to start your custom settings configuration.


    Logo > Add your store logo using this option.

    Favicon > You can add the favicon too for your store.

    Contact Number > Add your store contact number using this option.

    Time > Add your store time using this option.

    Topbar Shipping Content > Add your shipping content using this option.

  • Main Menu Settings

    Mega Menu Settings

    • Select Mega Menu option from the Menu type section to display the Mega Menu on store front.
    • Below the Menu type section, your store categories will be displayed as shown in the image above, which you can configure and change individually as per your requirement. The default values will be selected and your store front with mega menu will look something like the following image :

      Mega Menu

      1. Badge : By default the badge value is set to New which you can either set to Sale or None for any particular category as per your requirement.
      2. Subcategory Images : The subcategory and its images will be displayed as shown in the image above. The subcategory image can be added as per the normal Zen cart process from Admin > Catalog > Categories/Products. By default the subcategories image are set to display, but it can removed if the value of Display Subcategory Image is set to No.
      3. Megamenu Side block : Megamenu side block is used to promote the products from that particular category. The side block can be displayed in 3 different type of contents.
        1. 1. Specials Producs
          Specials Products to display particular category 3 random products with the slider.
        2. 2. Featured Producs
          Featured Products to display particular category 3 random products with the slider.
        3. 3. Banner
          You can set promote banner with link on the side block.
        4. 3. None
          Hide the side block.
        5. Megamenu Bottom block : Megamenu Bottom block is used to add the promotional banners for that particular category. You can allso add the link on that banner using this option. The bottom block will look something like following image. If not required, you can disable it by setting the value of Megamenu Bottom block to No.

    Mega Menu

    Display in Menu > You can Hide and Show categories in main navigation menu.

    Display in Verticle Menu > You can Hide and Show Categories in verticle menu.

    • Mega Menu

    Menu Type > Here you can set menu type Megamenu and Classic style.

    Badge > Here you can choose option New, Sale and none for display badge lable in categories.

    Megamenu Side Block > Here you can choose option Specials, Featured, Banner and None type of products in Megamenu side block.

    Megamenu Bottom Block > Megamenu Bottom block is used to add the promotional banners for that particular category. You can also add the link on that banner using this option. If not required, you can disable it by setting the value of Megamenu Bottom block to No.

Category Page Layout > Here you can set Categories page Layout.

Categories Styles > Here you can choose options for display categories.

  • Display Style - 1
  • Display Style - 2


In Categories List you can set number of categories display per row for Category Page. you can set different size to display number of categories for responsive.

This options affected selected category page layout only.


In Categories Product Slider you can set number of products display in Featured, Specials, New etc.. slider for Category Page.

This options affected selected category page layout only.

Product List Page Layout > Here you can set product list page Layout.

Product List > In Product List you can set number of products display per row for product list page. you can set different size to display number of products for responsive.

In Products Slider use Product List settings for display products in Featured, Specials, New etc.. slider.

This options affected selected products list page layout only.


In these options you can set Hide-Show products elements in product list page.

Additional Image Style > Here you can set additional image styles Default and Hover Effect.

If you choose Hover Effect you can set 2 different style(Fade Effect and Verticle Slide Effect) for display on hover image

Product Info Page Layout > Here you can set product info page Layout.

Product Image Layout > Here you can set Product Image Layouts(Big Size, Medium Size and Samll Size).

  • Big Size
  • Medium Size
  • Small Size

Product Tab Layout > Here you can set Product Tab Styles(Default and Collapsible).

  • Default
  • Collapsible

    If select Collapsible Tab then show two options.

    1. 1. Product Info Content ( Default ) to show tab on info page right side content.
    2. 2. Product Info Bottom to show tab on bottom of info page content.

Product Image Effect > Here you can set Product Image Effect Style(Elevate Zoom and Fotorama Slider).

  • Elevate Zoom Classic Horizontal (Default)
  • Elevate Zoom Classic Vertical
  • Elevate Zoom Pro
  • Elevate Zoom Trend
  • Fotorama Slider
  • Light Box
  • Zencart Default


In these options you can set Hide-Show products elements in product page.


In Product Page Slider you can set number of products display in Related etc.. slider for Product Page.

This options affected selected product page layout only.

WT Slideshow Manager > Here you can see list of sliders for the display on front side.

New Slider Button > You can create new diffrent style of the slider.

View Banners Button > You can manage list of banners for the slider.

Edit Button > You can edit the slider.

Delete Button > You can delete the slider.

Embed Slider > You can copy and past Homepage Short Code for the selected slider in Homepage and You can use OtherPage php Code function in php files.

Status > You can enable disable slider status.


After you click on the New Slider Button Open this Page.

Here we provide slider options to handler front side slider.

Slider Tittle > Enter the Slider Title.

Show Full Screen > Select yes to show slider as a full screen width and height.

Slider Width > Enter number of slider width. If Set "0" to show full width slider.

Slider Height > Enter number of slider height. If Set "0" to show slider banner height.

Slider Infinite > Set yes to show slide as infinte.

Slider On Hover Stop > Set yes to pause autoplay slider.

Show Controls > Set yes to show next-prev controls.

Show Pager > Set yes to show dots bottom of the slider.

Auto Play > Set yes to auto play slider.

Auto Play Interval Time > Set Autoplay Inverval Timeout in miliseconds.

Slide Speed > Set Slide animation speed in miliseconds.

Slide Animation > Show animation on the slide.

Slider Status > You can set slider status Active or Not Active.

After fill the New Slider form click to Insert Button then Click to View Banners Button for Add Banners.

Here you can Manage Banner and Display Graph for Number of Times Display Banner and Clicked.

Banners Status > Current Status of the banners for Selected Date Range.

New Banner Button > You can create new banner.

Edit Button > You can edit the banner.

Delete Button > You can delete the banner.

Back Slider Banner > Back to Slider list.


After click on the New Banner Button Open this Page.

Banner Tittle > Enter the Banner Title.

Image > Select the banner image.

Note : Please select the image same height and width as Slider Type of Banners Hight & Width, You can check Height Width in demo page.

Banner Type > Select banner type want to show banner image with content or banner image with link.

Banner Content Position > Set position to show banner content.

Content Position Top > Set top position to show banner content when banner content position is custom.

Content Position Left > Set left position to show banner content when banner content position is custom.

Banner Content > Enter the Banner content.

Sort Order > Set number of ordering to show banner in slider.

Scheduled At > Select start date for display banner.

Expires On > Select end date for hide banner.

Banner Link > Enter the Banner Url.

Banner Status > You can select Banner option Active or Not Active.

After fill the New Banner form click to Insert Button then display inserted banner in Slider Banners.

WT Autoparts Banner Manager > Here you can see list of slider for the display in home page banners.

New Slider Button > You can create new different style of the slider.

View Banners Button > You can manage list of banners for the slider.

Edit Button > You can edit the slider.

Delete Button > You can delete the slider.

Embed Slider > You can copy and past Homepage Short Code for the selected slider in Homepage and You can use OtherPage php Code function in php files.

Status > You can enable disable slider status.


After you click on the New Slider Button Open this Page.

Slider Tittle > Enter the Slider Title.

Slider Type > Select Slider Type for want to dispaly Banners.

Slider Status > You can set slider status Active or Not Active.

After fill the New Slider form click to Insert Button then Click to View Banners Button for Add Banners.

Here you can Manage Banner and Display Graph for Number of Times Display Banner and Clicked.

Banners Status > Current Status of the banner for Selected Date Range.

New Banner Button > You can create new banner.

Edit Button > You can edit the banner.

Delete Button > You can delete the banner.

Banner Impression Graph > Here Display graph for Number of Time Shown Banners and Clicked.

Back Slider Banner > Back to Slider list.

Banner Graph > Banner Graph to show front side number of time banner loaded and clicked.


After click on the New Banner Button Open this Page.

Banner Tittle > Enter the Banner Title.

Banner Url > Enter the Banner Url.

Image > Select the banner image.

Note : Please select the image same height and width as Slider Type of Banners Hight & Width, You can check Height Width in demo page.

HTML Text > Enter the Banner content. Use {image} shot code for display diffrent position of image.

Scheduled At > Select the start date for display Banners.

Expired On > Select the end date for display Banners.

Banner Status > You can select Banner option Active or Not Active.

After fill the New Banner form click to Insert Button then display inserted banner in Slider Banners List.

  • Language and Currency Dropdowns are shown in the top bar of theme. You can disable them if you do not require in your store. Follow the below steps to do so :
  • Login to your store Admin Panel and go to Configuration > Layout Settings.
  • At the bottom of page you will find option Show Languages in Header? for languages and Show Currencies in Header? for currencies. Both the values are set to "True" by default, change the value to "False" to remove it from Top Bar/Header.
  • WT-Autoparts comes with the News Box Manager plugin preinstalled. The configuration settings can be found under Admin > Configuration > News Box Manager. You can set the Items to show on Home page and for Sidebox too. The News content lenght can also be changed using these options.
  • If you are willing to add new News for your store, go to Admin > Localization > News Box Manager where all your current news will be displayed. You can also insert/add latest news story for your store using this option.
  • Best Seller products are displayed on the Home page in Products Tab.
  • To disable the Best Seller Products from HomePage go to Admin > Configuration > Best Seller and set the value of Show Best Sellers - Main Page to "0".
  • You also increase the number of Best Seller products to display on Homepage, which is by default set to "9".
  • Best Seller products image height/width can be set using from this section.
  • To edit Instagram Settings go to Store Admin > Tools > Define Pages Editor.
  • Select the homepage version file that you are using. Like Instagram is included in Home version 2, select define_homepage_v2.php file to edit.
  • At the bottom of page you will find the Instagram code, add the Accesstoken of your Instagram account. Following is code for reference.
  • 
    <div class="container-indent">
    	<div class="container-fluid">
    		<div class="tt-block-title">
    			<h2 class="tt-title"><a target="_blank" href="https://www.instagram.com/wokieeshop/">@ FOLLOW</a> US ON</h2>
    			<div class="tt-description">INSTAGRAM</div>
    		</div>
    		<div class="row">
    			<div id="instafeed" class="instafeed-fluid"
    				data-accessToken="8626857013.dd09515.0fcd8351c65140d48f5a340693af1c3f"
    				data-clientId="dd095157744c4bd0a67181fc4906e5b6"
    				data-userId="8626857013"
    				data-limitImg="6">
    			</div>
    		</div>
    	</div>
    </div>
    						

Structured Data Configuration Plugin adds Schema (in JSON-LD format), Facebook and Twitter structured markup to all pages. Schema markup is added in three blocks : organisation, breadcrumbs and product (including reviews).

  • To Add Organization Information and more configuration go to Store Admin > Configuration > Structured Data Configuration..

We have used the following Zencart plugins in WT-Autoparts. All the credit goes to their respective owner/developer.

  • Language Currency Links in Header

    It is used to get the language and currency. You can find it from here..

  • Compare Multiple Products

    This contribution adds a comparison system to the product listing page. It is done through a session so that products can be compared across multiple categories. You can find it from here..

  • Wishlists

    This allows registered users to "save" products in personal wishlists. You can find it fromhere..

  • Column Layout

    This allows registered users to "save" products in personal wishlists. You can find it from here..

  • Image Handler

    Image Handler 5 is really meant to ease the management of product images (particularly the management of additional product images), and to help improve page performance by optimizing the product images. You can find it from here..

  • dgReviews

    This Plugin is used to view product reviews on product info page.You can find it from here..

  • CSS/JS Loader

  • Dynamic Filter

  • Instant Search

  • Best Seller Reloaded

  • Dynamic Price Updater

  • Ultimate SEO URLs

  • Manufacturers Listing

  • News Box Manager

  • Testimonial Manager

We have used the following jQuery plugins in WT-Autoparts. All the credit goes to their respective owner/developer.

  • Menucool Color Picker

    It is used to choose multiple color for theme from admin panel. You can find it from here..

  • Google Hosted jQuery

    It is a fast and concise javascript library designed to change the way that you write javascript.

    Other jQuery include : Modernizer JS, Fotorama Image Slider

  1. I'm getting 404 not found when trying to open theme admin pages.

    Log out from Magento admin panel, clear the store cache under var/cache, and login again.

Thanks for using WT-Autoparts Theme!

If you have any difficulties or have some other problems with this theme, please refer to chapter FAQ. If the problem is not covered there, you can contact us in the comment section on ThemeForest or through the contact form on our profile page on ThemeForest. The most up-to-date information about support can always be found at:

We provide 24/7 Support!. Please make sure you take a look at the available resources before submitting a support request.

If you have any question / issue you can contact us any time by sending us an email on Email Us

>