USER GUIDE

iSHOP Prestashop 1.6 Template

ISHOP theme for Prestashop follows the basic concept of all products designed by Apple - minimalism and perfectionism. Simple, clean and fresh look of the theme matches the style and look of Apple products and provides a wonderful browsing experience on all devices: desktops, mobile phones and tables.

The front page of the theme features a neatly arranged list of goods. Each product category starts with an attractive banner that is designed as a part of the product grid. Subcategories and product pages are easy to navigate - the navigation menu is hidden to save space, but is easy to access with just one click. Basic product information can be viewed in a quick pop-up right on the category page without page reload. The theme also gives an easy way to connect social media buttons.

1. Prestashop 1.6 Theme Installation

In order to install a new theme from Admin Panel, please follow these steps.
Go to Preferences–> Themes and press Add new theme button.

Upload Zip of the theme in the next window.

2. BelVG Custom Blocks Installation

Important!  First go to Modules, find BelVG Custom Blocks and Press Reset Button.

Module will appear in Dropdown Modules List and will available for configuration.


P.S. In case you've made design changes and these changes have broken custom blocks (if the changes were incorrect), simply reset the module, and the blocks will look as they used to.

3. BelVG Custom Blocks Usage

There are four static blocks available in ISHOP Prestashop 1.6 Theme. These blocks appear in Newsletter popup on newsletter link click in footer.

1. Homepage Banners appears on homepage. To manage images choose picture, it'll become blue, and then press Insert/Edit Image button. 2. Grid Banners appears within the product grid. To manage images act the same way as for other static blocks. To change blocks position you need to modify global.js file in theme js folder. Then just change category name and banners position. 3. Newsletter Popup Content appears on newletter footer link click. To change text, select the "Source code" icon:

4. Newsletter Popup Content Image which appears below tabs content. To manage images choose picture, it'll become blue, and then press Insert/Edit Image button. Upload square image. Rectangle image will broke proportionality.

How to add new custom block?
To add New custom block, press the Add New button and fill the fields name and identifier, then select a hook in which you want this block to be displayed.

How to remove newsletter link from footer?

This link is generated in java script code. In order to remove link find global.js file in ishop theme folder. Then remove or comment code that starts with comment //Newsletter (403 string) and ends before //Currency & Language comment.

5. Subcategory Icons

Subcategory Icons is a default Prestashop functionality. It can be changed in Prestashop Admin Panel. Go to Catalog - Categories. Choose subcategory, press Edit button and change a picture of Category thumbnail.

6. How to change product grid?

In order to change product grid from 3 products to 4 or 6 products, you need to edit product-list.tpl file in ishop theme folder. Prestashop uses boostrap grid, so you can change column class to change grid. Find this code: < li class="ajax_block_product {if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-4{else} col-xs-12 col-sm-6 col-md-4{/if}> . Change col-md-4 to col-md-3 and you'll get 4 col grid. Also you need to change number of products per line in the beginning of product-list.tpl file. More information about how to change prestashop product grid read in the article at blog.belvg.com

7. CMS Page

About Us CMS page is provided with testimonials slider. To edit this page go to Preferences/CMS/about-us. To change image in about-us block you need to upload it via ftp manager. Image name should be about-team-bg.jpg and this image should be uploaded to img theme folder.