PLEASE READ:

Clear your cache! (admin > advanced parameters > performance)

It’s recommended that you turn off all your caching & minify till your done working on your site. If you keep it on… clear your cache often to see the updates you make.
Please not that this theme will automatically be configured with the same settings as our demo. Of course without our demo images and products… but with Prestashop demo products.

So don’t be alarmed if the homepage slider doesn’t look like our demo. Follow the instructions and it will!

Follow our steps and it will. And contact us if you have any questions.

Installing your template

To install the template using your admin, please do the following

log into you admin

Go to “design > themes & logo”

At the top right of the page, click on “add new theme”.

Click on “Add file”under “import from your computer”

Fine the downloaded zip file that you purchased and downloaded

Click Save

Now you will see the theme listed below, hover over the theme you want to use for your shop and click on “use this theme”.

If you purchased via Prestashop Addons, your theme will automatically be installed if you have your shop connected to your addons account.

Image Sizes

In your admin, go to design > image settings

Here you will see a list of all the image size types.

Everything upon the theme installation should be set up for you, but you may need to regenerate your product images to reflect a different size.
Also, if you have different size product image, you might want to play around with “Generate images based on one side of the source image”. This allows different sized images and allows for an automatic width or height.

Adding your logo

To add your logo to Prestashop 1.7, in your admin

go to “design > theme & logo

On this page is where you add your logo. Make sure your logo width is no more than 500px wide. It doesn’t need to be larger than this. You may want to use a different logo for emails and invoices. Something that will print well.

You also upload favicons in this section as well.

Changing the theme color

When you install the theme, a theme color configurator will also be installed.
In your admin go to “modules > modules & servcies” then click on “installed modules”.

Scroll till you see “eShopalot Configurator”

Click “enable” not done already, or click “configure”

Next to ” Show Theme configurator” click “yes”.
What is this is show the module on the store front so you can select your colors

Now click “save”

Now go to your Prestashop storefront
If it’s not already open, click on the gears icon.

Here you can see where to change the color options.

When your finished, click “apply” or clilck “reset” to reset the options.

Now when your done, go back into the admin and find the module.

Make sure the web color numbers from the front end match where in the admin. If they don’t, make the adjustments here. If you change the colors here, it will override.

Next to ” Show Theme configurator” click “no”. This wil turn off the color switcher on your store front.

Creating your home page slider

Create several images using to the size of 1400px wide by any hight you want. We used 500px tall. Keep all your slider images the same size!

Create several images using aminimum width of 600px wide by 600px high. Make sure your images are perfectly square!

In our demo the image height is: 600px wide by 600px high. The image will automatically be resized to fit the width of the screen.

Click on “modules > modules & services” in left side menu

Click on “installed modules”

Search for “image slider”.

Click “configure”.

Speed: 5000 (keep default)

Pause & loop you can ignore

Add image to the slider

Click the circle plus icon to the right of the page.

Select the image from your hard drive

Add title: make sure not to add too much text.

Add url: This is where the link to your slide will link to.

Add caption: This will not be shown • Add description: make sure not to add too much text.

Add video to content

IMPORTANT

First you need to go to preferences > general

And make sure “Allow iframes on HTML fields” is set to yes.

Then go back into your slider module (go to modules and search for “slider” and click “configure” next to “Image slider for your homepage”.

Creating banners

You can hook the banner module into one of the columns, or leave it as it is by default hooked onto the home page.

Then follow these instructions:

Click on “modules > modules & services” in left side menu

Click on “installed modules” » Search for “banner”.

Click “configure” » Then you add your information

Top banner image: how you upload an image from your hard drive

Banner link: the url that the banner will link to

Banner description: Add a description of your banner

Add social media icons

Click on “modules > modules & services” in left side menu

Click on “installed modules”

Search for “social media follow links”.

Click “configure”

Add your social media links and save.

Configure the top menu

Of course, the first step is login to admin panel and then navigate in Sell section to:

Catalog -> Categories

And as you can notice we have 2 categories here: “Women” and “New Category”, but only “Women” category is displayed on the frontend.

Let’s add “New Category”, which contains subcategory, to our drop down menu. All the actions will be performed in default Prestashop Main Menu module. So we have to find it in Improvesection:

Modules -> Modules & Services -> Installed Modules

It’s much easier to find it using search.

Then choose the Configure option to set up your menu module:

That’s what you should see on the screen.

So here we can find Selected Items (that are already displayed in your menu) and Available Items(here are listed all items that you can add). Just select in this list our New Category and click Add button. This item will be added into the left field. To specify the position (the order of displaying in a row) just select required item and use Change position buttons.

In case you want to delete unnecessary item from the menu, just use Remove button (the item will be removed from the list only, i.e. will not be displayed in the menu).

And don’t forget to save all changes.

Contact us

If you have any questions or need help configuring your theme, contact us by clicking here