AMP Premium Prestashop 1.7 Theme

Created: 05 May 2017
by: Promokit Co.

This document covers the installation and use of this theme and reveals answers to common problems and issues - I encourage you to read this document thoroughly if you are experiencing any difficulties. You can find always fresh version of this documentation by this URL

Getting Started

To install this theme you must have a working version of Prestashop already installed. For information in regard to installing the Prestashop platform, please see the Prestashop Documentation


PHP configuration:

  • "memory_limit" should be at least "64M"
  • "file_max_upload_size" to "16M"
  • "allow_url_fopen" should be set to “on”
  • "register global" should be set to "off"
  • "safe_mode" should be set to "off"
  • "magicquotes" should be set to "off"
  • "PHP acceletarion" should be disabled

Must-have PHP extensions:

  • GD
  • cURL
  • SimpleXML
  • SOAP
  • mcrypt
  • OpenSSL
  • DOM
  • Zip
  • fileinfo


  • Permissions for all files should be set to "664"
  • Permissions for all folders should be set to "755"

For following folders Prestashop ask to set CHMOD to 777:

  • "config" folder
  • "cache" folder
  • "sitemap.xml" file
  • "log" folder and subfolders, recursively
  • "img" folder and subfolders, recursively
  • "mails" folder and subfolders, recursively
  • "modules" folder and subfolders, recursively
  • "translations" folder and subfolders, recursively
  • "upload" folder and subfolders, recursively
  • "download" folder and subfolders, recursively

Please also check "Informaion" in "Configuration > Advanced Parameters" of your BO. All parameters should be "OK", like this:

If you don't know how to check these requirements, ask your hosting provider.

Install via Prestashop

Log into your Prestashop Back-Office and browse to DesignTheme & Logo

Then click on the "Add new theme".
Next browse for the zipped theme file (make sure you take the “Installable zip” as this is what you would upload. “Installable zip” file is called”.)

Once Prestashop has unpacked and installed the theme, just click to Use this theme.

Here is short video what demonstrates installation and activation process

Homepage Builder

There is a Page Builder available with Alysum theme. That is a separated module what allows you to build any layout you want. See our video tutorials to understand how it works:

There is also another way to build your home page with native Prestashop Tools. You can find below description of hooks ordering and layout view. Each of your modules can independently hang on available hooks to display information.

Homepage Structure

See more details how to manage homepage modules here

Theme Update

Manual Update

  • Make backup of your shop.
  • Go to "Advanced Parameters" > "Performance" and set "Template compilation" to "Force compilation" and "Cache" to "no"
  • Upload "themes" and "modules" folders from "Archive/updates/LATEST_VERSION/ to the root of your prestashop.
  • Done

Automatic Update

Automatic update option only available for Alysum version 5.0.7 and above

  • Make backup of your shop.
  • Go to "Advanced Parameters" > "Performance" and set "Template compilation" to "Force compilation" and "Cache" to "no"
  • Go to "Theme Settings" module
  • Open "General" tab and scroll down
  • Find "Theme Updates" and see if any updates are available
  • Click "Run update" and wait while page will be reloaded
  • You will see a message "Theme update successful"
  • Done

Theme Options

General Settings

General Typography — section includes the general font for the site, thats the main body text, not including some elements like titles, prices, etc... what you can configure separately.

Titles Font — allows to set a font for all titles. Titles means all text inside h2, h3, h4, h5, h6 tags

Button Typograpy, Color, etc... — allows to configure all normal buttons of the theme. Button is an element with .btn class

Page Width — You can adjust page width as you like. This option define max-width of theme layout

Use Latin Extended Symbols — Use this option in case you have a language with extended symbols, like Spanish, French... This option request additional symbols from google fonts what is disabled by default.

Use Cyrillic Symbols — Use this option in case you have a language with Cyrillic symbols, like Greek, Ukrainian... This option request additional symbols from google fonts what is disabled by default.

Show Cookie Message — all websites across the EU are required to ask your permission to place cookies on your machine.

Google API Key — required to display Google Maps

Lazy Load — This feature require to be defined "No-picture image"
Go to "International" > "Localization". Select "Languages" tab. Click "Edit" on your language. Upload "No-picture image".

"No-picture image" is displayed when no image is found. It must have the same proportions like your images


Home Page

Category Page

Product Page

Product Miniature

Social Accounts

Payment Icons

Demo Content

There are no all revolution sliders available from the box. This Theme Settings option allows you to import any slider you have to your store

Customer CSS

Page Builder

See our video tutorials how to work Page Builder

Page Builder – Images

Page Builder – Products

Page Builder – Content

Footer Builder

Menu Builder

CMS Page Builder

Product Page Builder

Images Settings

Prestashop can accept images of (almost) any size. It automatically reformats the images you upload and saves them according to it’s default image size. Prestashop also resizes the images to generate smaller thumbnails. So the best image size is the largest size that Prestashop uses (for zoomed up images), then the smaller images will be taken care of later.

By default Alysum theme has images aspect ratio 10:13, but you can change it as you like. Tips to get nice looking images:

  • In case you will decide to change the ratio, keep it the same for each image type related to products
  • You source images should have the same proportion what you defined in the Images Settings
Here is the screen of image sizes by default:


A plugin is a piece of software containing a group of functions. They extend functionality and add new features to the theme. The list of plugins what comes with Hoki you can find below:

Category Tree List

Category Tree List - is a module which allows you to disaplay list of your categories. You can choose only specific categories to show.

To add category icons, you have to go to category settings and upload your image.

Promokit Menu

See our video tutorials how to work with menu

Instagram Feed

Instagram module require API code to connect to your instagram account. This is a quick breakdown on the steps to get the Access Token.

  1. Visit and register a new app
  2. Go to Manage Clients, and hit ‘Register a New Client’ to register and gain API access. Fill out all necessary fields.
    The URL looks like this: http://YOUR_DOMAIN_NAME.COM/modules/pk_instafeed/api.php
  3. Copy the "Client ID" and "Client Secret" and paste to the module settings.

  4. Leave "Matching Code" field empty and click to "Save" button. You will be redirected to a page with generated Matching code. Copy that code, click to "Back" link and paste it to this field
  5. Click "Save" button. You will get "Access Token" automatically

Text Block

This module allows to display your custom text. You can display different text in different hooks

First of all you need to select a hook which you want to edit. Click "Save Hook" before edit your text.

To make sure which hook you have to edit, just look at "Home Page" tab in "Theme Settings" module. You will see the following:

Product Page

Product Page layout description

Product Page Builder Tutorial

Theme and Modules Translation

Modifying a Translation

The most important tool of the "Translation" page is in the "Modify translations" section. This is where you can choose to add a translation, and completely customize each and every sentence if you wish so. Go to "International" > "Translations" to get it

Select the part of the current translation that you wish to edit:

  • Back office translations. The text visible to you and your team from your store's administration panel.
  • Theme translations. The text visible to your customers when browsing your store.
  • Installed modules translations. The content from the modules. Note that modules which are available but not installed will not appear in the tool.
  • E-mail translations. The terms used in the default email templates.
  • Other translations. This category is meant to disappear in a coming version. It contains expressions that haven't been identified as being from the theme or the back office yet.

Modules translations

When you wish to translate a specific module, choose "Installed modules translations", then select the one module you want to edit. It will open a new page with the content from this module, and all its available strings.

SVG Icons

Change the icon

For example you want to change "facebook" icon.

  1. Open the file /themes/alysum/templates/_partials/svg.tpl
  2. find "facebook" icon, it looks like this:
    <symbol id="si-facebook" viewBox="0 0 288.861 288.861">
    <path d="M167.172,288.861h-62.16V159.347H70.769v-59.48h.....">
  3. Find new icon, for example here:
  4. Download it and open in any Text Editor
  5. Copy all code between "<svg>" and "</svg>" tags
  6. Paste it into the file svg.tpl between "<symbol id="si-facebook" viewBox="0 0 288.861 288.861">" and "</symbol>"
  7. Copy SVG dimensions
    <svg viewBox="0 0 27.965 27.965">
    and update them in symbol tag like this
    <symbol id="si-facebook" viewBox="0 0 27.965 27.965">

Icons List



This section contain tips that might help you improve your shop's performance server-wise. We recommend you to enable these cache options only when you finish all necessary configuration actions

Recommended settings for working in production shop:

  • Template cache - Never recompile template files
  • Cache - Enabled
  • Caching type - File System
  • Clear cache - everytime something has been modified
  • Debug Mode - Off
  • Smart cache for CSS - On
  • Smart cache for JavaScript - On
  • Apache optimization - On

You can find full description of each option here

Frequently Asked Questions

  1. There are no search results

    Go to "Shop Parameteres" → "Search" and click "Re-build the entire index"

  2. Can't add/edit menu item

    The issue appears because your server blocking menu request to file modules/pk_flexmenu/ajax/queries.php.
    To fix that you need to make folder "/ROOT/modules/" writeable by group. If you have no idea how to do that please apply to your hosting support.
    Here is closed ticket from a customer who fix the issue

    Please check "mod_security" as well, there could be some rules what blocks requests.

  3. How to edit contact page details?

    Go to back-office > "Shop Parameters" → "Contact". There are two tabs available, "Contacts" and "Stores". Go to "Stores" tab and find all available contact details.

  4. Prestashop Product Types

    By default, all products you add are considered to be New. You may change number of days during which your products is considered as “New” in PreferencesProducts section

    To make the product Featured, go to Catalog – Products and in Associations field add it to Home category

    To make the product Special, go to Catalog – Products and add a discount.

    It's a product what was sold much times

  5. Change Price Decimal Separator
    • Go to your server through FTP
    • Open the file "/ROOT/translations/cldr/main--en-US--numbers" (or your language, fr-FR, es-ES, ...)
    • find the code ...{"decimal":","...
    • change "," to "."
  6. Empty Contact Page

    Please make sure the module "Contact form (by PrestaShop)" is installed and enabled

  7. Change Page Layout

    Go to "Design" → "Themes & Logo". Click on "Choose Layouts", find necessary page and choose desired layout.

  8. Where to find subscribers list

    Go to "Modules" → "Installed Modules", find there "Newsletter subscription". Click on "Configure"

  9. Categories List disappear

    Go to "Modules" → "Installed Modules", find there "Installed Modules". Click on "Configure"

  10. How to configure Google Maps on Contact Page

    1. Go to "Modules" → "Theme Settings" → "General Tab", find there "Google API Key" and put your API key there. Read more about API key here 2. "Theme Settings" → "Contact Page". Put coordinates of your store and save.


If you are having any issues with the theme or have any questions regarding how to use the theme you can submit a ticket to our support Tickets are moderated by the theme developer and a support staff. When you submit a ticket you will receive an email confirmation and once our staff has been able to review and respond to your ticket you should receive another email with our response.