AUTUMN Responsive Prestashop Theme

Ver. 1.6

Installation and Quick Start Guide



Thank you for purchasing.



You can always find an updated version of this guide at
themes.withinpixels.com/autumn/documentation



For further support requests or questions you can use www.withinpixels.ticksy.com

1. Getting Started

To install this theme you must have a working Prestashop already installed. To set-up Prestashop you can visit www.prestashop.com/en/getting-started. Before installing this theme you need to make some changes in your Prestashop installation.

I. Configuring Images

Go to your Prestashop Admin Panel, and navigate to Preferences > Images. First, edit your image sizes and add new ones to match these:


Scroll down and select Use PNG only if the base image is in PNG format 1 option:

If you are installing this theme on an existing shop with products, you need to regenerate the thumbnail images to show them in new sizes. To do that scroll down and find the Regenerate Thumbnails section and click Regenerate Thumbnails 1:

2. Installation

I. Automatic Installation (Recommended)

With automatic theme installation you can install and start using AUTUMN Theme in seconds. It will install the theme, custom modules and it will set module positions automatically. It is highly recommended to install the theme in this way to prevent future problems.


To install the theme automatically, you need to install native Prestashop module called Import/Export A Theme. To do that, go to your Prestashop Admin Panel and navigate to Modules > Modules. Find the module in the list and click Install 1.


Note: If you are installing Import/Export A Theme module for the first time, module name will be Template Installer:


After installation click Configure 1.


Go to Import from your computer section, click Choose File 1, select Autumn.zip and click Next 2.

Important: You have to select Autumn.zip. It's located in the zip file that you had from Themeforest. Do not upload the entire zip file that was downloaded from Themeforest.

When the upload finished, you will get some information about the theme. Click Next 1.


In this step you will get information about theme modules. Select all of the modules under Select the theme's modules you wish to install 1. Click Next 2.


Next step will inform you about theme and modules installation status. Click finish the finalize installation.


Congratulations, you have installed the Autumn - Responsive Prestashop Theme. Now you can proceed to the section 3: After Installation.

II. Manual Installation

If you are going to install the theme manually, you need to prepare your files and upload them to your server. Locate the Autumn.zip file and extract it. Autumn.zip file is located in the zip file that was downloaded from Themeforest.

Upload the autumn folder into your Prestashop's themes folder. And upload the content of the modules folder into your Prestashop's modules folder.

Go to your Prestashop Admin Panel and navigate to Preferences > Themes. Click the Add New 1 to add new theme.


Fill the form as follows and click Save 1.


Select Autumn in theme appearance section and click Save 1.

Navigate to Modules > Modules and install the uploaded modules. All of the modules that come with Autumn Theme have "Autumn Theme" prefix in their names. So you can find and install them easily.

For further information about installing Prestashop modules you can refer to: doc.prestashop.com/display/PS15/Managing+Modules+and+Themes


After completed the module installation navigate to Modules > Positions and make sure the modules are correctly positioned:

3. After Installation

After complete the installation of the theme, you need to do some changes in configuration in order to make sure the theme works and looks correctly.

Go to your Prestashop Admin Panel and navigate to Preferences > Themes. Under the Appearance section there is a Navigation Pipe option. Change the default navigation pipe with Space 1. If you just delete the current navigation pipe, it will be reverted to the default one when you hit the save button. So, please make sure to put one Space in the text box.


Disable the mobile theme 1.


And click the save button 1.

4. Custom Modules

Autumn Theme comes with custom modules that improves the user experience and looks of the theme. All of the modules that come with Autumn Theme have "Autumn Theme" prefix in their names. So you can find them easily in the module list.

I. AddThis

This module allows you to put social sharing buttons in your product pages.


First, you need to get a ProfileID from addthis.com. After that, navigate to Autumn Theme AddThis Module configuration page from your back office and simply enter your ProfileID and click the save button.

II. Frontpage Ads

This module allows you to put up to 3 different ads in your shop's frontpage. You can give an internal or an external links to your ad images. If you upload less than 3 images, the module will automatically arrange your images and distribute them equally.

Frontpage Ads Module using the exactly same interface with the Frontpage Image Slider. You can check the Frontpage Image Slider for more detailed information.


III. Newsletter and Newsletter Block

This is a basic clone of the native newsletter block that allows you to put the newsletter block in the footer. If you are going to use this newsletter module and block please make sure the native one was disabled.


IV. Showcase

Showcase module allows you to show 10 Featured Products, 10 New Products and 10 Special Products on your shop's frontpage. With future updates this module will be more flexible and advanced.

V. Frontpage Image Slider

Autumn Theme Image Slider module is the best way to stack and show your images in your shop's frontpage. It is supporting multilanguages and multishops.


To add a slide, click the plus icon 1 next to the language that you want to add slide to it.


Select your image, write your link (optional) and click the save button.


If you want to edit, delete or deactivate one of your slider images, first click to the language name 1 that contains your slides which you want to edit. After that you can edit, delete, move and activate/deactivate your slider images easily. 2.

VI. Social Links

This module allows you to add your social platform links to your footer.


You can add your social links easily with using the module configuration.


Also you can add your custom icons and social links.

VII. Mega Menu

Autumn Mega Menu module allows you to build custom menus. You can show your categories, manufacturers or suppliers in your menus. Also you can show random featured products. And the best feature of the Autumn Mega Menu is you can show your CMS Pages as a whole menu. This allows you to build unique and fully customized menus.


To add new menu, click Add New Menu 1.


After clicking Add New Menu, you will see the Add New Menu screen. Enter the title of the menu and click save. Menu link is optional. If you want to make an external link i.e. to your blog or anywhere else you can use the link area.


After adding your new menu you can start building the mega menu.

1) Clicking menu name will open the mega menu builder.
2) You can edit your menu title and link with clicking pencil icon.
3) You can delete your entire menu with clicking delete icon.
4) You can re-position your menus with clicking arrow icons.

Click your menu name to open mega menu builder.

On the menu builder screen you will see different sections of the menu.

Top: You can show manufacturers or suppliers on the top section of your menu. Or you can hide the top section completely.

Middle Left: This is the main area of your mega menu. You can show your categories, products, cms page links, cms pages itself or you can hide the main section completely.

Middle Right: You can show random featured products or custom image on this section. Or you can hide it completely.

Bottom: You can show manufacturers or suppliers on the top section of your menu. Or you can hide the top section completely.

Here is the example structure of the menu:

Middle Left (Main Area)

If you want to show your categories in your mega menu, click Show Categories 1 and select your categories from the list 2. You can select multiple categories by pressing and holding CTRL (Windows) or Command (Mac) key while selecting from the list.


If you want to show your products in your mega menu, click Show Products 1 and then click Add Product 2. This will open a dialog window. Enter your product id and click OK 3

If you want to show your CMS links in your mega menu, click Show CMS Links 1 and select your cms links from the list 2. You can select multiple links by pressing and holding CTRL (Windows) or Command (Mac) key while selecting from the list.


If you want to show your CMS Page in your mega menu, click Show CMS Page 1 and then select a CMS Page from the select box 2. CMS is the built-in feature of the Prestashop. You can add CMS Pages from the back-office of your Prestashop installation. To add new CMS Pages, simply navigate to Preferences > CMS.

Middle Right

You can show a random featured product or a custom image in this area 1. For the custom image, there isn't any upload functionality, you need to upload your custom image to your server manually and then you need to enter the link of the to the custom image link area.


After finished building your menu, click save 1 to save your menu.

VIII. Easy Product Navigation

This module allows you to put the Next/Previous Product links from the category of the product on your product pages.

Note: If you have products assigned more than one categories, this module's behaviour can be confusing. It always gets the product's default category and list the next/previous products from that category.

For example; let's say you have a product named CARROT. And you assigned the CARROT both Fruit and Vegetable categories where Vegetable is the default category of the CARROT. If your visitors come to the CARROT via Fruit category they will be able to go to the next/previous products from the Vegetable category not the Fruit category. Because Vegetable is the default category of the CARROT. Unfortunately there is no precise way to know which category your customers come from.

5. Module Positions

Here you can see the module names and their positions.

I. Homepage

II. Product Page

Note: In product pages, the right side is actually Prestashop's native module position for the right sidebar. It's called Right Column Blocks (displayRightColumn). So, most of the Prestashop's native modules can be put on the Right Column Blocks position. In Autumn Theme, Top Seller block and Viewed Products block are pre-styled to fit the theme's design.

6. Theme Options

Autumn theme has couple of options that can be use for the customization of the theme. Navigate to Modules > Modules, find the Autumn Theme - Main Theme Module from the list and click configure.



Default category view: This option allows you to select default category view for your shop. (List / Grid)

Image sizes: This option allows you to select default image shapes for your shop. (Square / Rectangle)

Show category names: This option allows you to show or hide category names in category view. (Show / Hide)

Show category description: This option allows you to show or hide category description in category view. (Show / Hide)

Show subcategories: This option allows you to show or hide subcategories in category view. (Show / Hide)

Color Scheme: This option allows you to change main color scheme of the theme.

Button Color: This option allows you to change button colors.

Button Border Color: This option allows you to change button border colors.

Logo Width: This option allows you to adjust the logo width. This option will not change the logo width, it will change the logo container width in order to prevent the overlapping of the logo and the menu.

7. Translations

Autumn theme and custom modules are compatible with the Prestashop's internal translation system. You can translate everything with using Prestashop's translation system, no need to edit any of the template files.

Prestashop's translation system is powerful, but it can be confusing time to time.

First, make sure your language already installed/updated and enabled. You can install your language from Localization > Translation page. In translation page simply go to the section called Add/Update a language, find your language from the list 1 and click Add or update the selected language 2.


If you want to translate one of the custom modules, navigate to Localization > Translations , select Installed module translations from the first select box 1 and select Autumn from second select box 2. After that you can click your flag to go to the translation page.


If you want to translate theme itself, you need to select Front Office translations from the first select box 1 and select Autumn from second select box 2. After that you can click your flag to go to the translation page.

If your flag doesn't exist in the translation page please make sure you installed and enabled your language. You can enable or disable your language in Localization > Languages page.

8. Frequently Asked Questions

1) I installed your theme but it's empty. I want it to looks like your demo site.

Autumn theme is a highly customized theme and it is getting most of it's power from custom modules. You need to configure them properly. Please refer to the Custom Modules and Module Positions sections.


2) Theme is working every browser other than Internet Explorer. In IE everything is messed up. What I'm going to do?

It's a well-known Internet Explorer bug. Basically, IE doesn't load more than 31 CSS files. To fix this problem you need to activate CCC - Combine, Compress and Cache feature of the Prestashop. Navigate to Advanced Parameters > Performance, find the section called CCC - Combine, Compress and Cache and make sure the Use CCC for CSS option is selected. Save your configuration and reload your website.


3) I am unable to add slide images or ad images. It says that there was an error while uploading.

In the slider module folder there is a folder called slides and also in the ads module folder there is a folder called ads. Please make sure that these folder has a proper write permission on them.


4) I purchased your theme and now I need to customize it for my needs. Can you do this for me?

First, thank you for purchasing my theme but unfortunately I'm not doing any customization, configuration, installation or administration (paid or not). I really don't have time for that kind of custom works. Although if you have any technical problems about my theme please do not hesitate to contact me.


5) I bought .... module for Prestashop from the internet but your theme is not compatible with that module! What is going on?

Themes are mostly making for the core applications. Maybe they can support one or two popular modules but you really shouldn't expect that the theme will be compatible with every available module in the world. There is like millions of them and basically making a theme compatible with every module is just impossible.


6) So, if I bought this theme, can I add more than one product image to my shop?

These kinds of functionalities are unrelated with themes. I'm highly recommending to you to check out the feature list of the Prestashop to see if it meets your requirements.

Back to TOC