Back to top

Thank you for purchasing

Alysum - Premium Prestashop 1.6 theme!

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 http://alysum.promokit.eu/documentation/


Getting started

If you have Prestashop 1.5 version, your documentation is here: http://alysum.promokit.eu/documentation_1.5/

To install this theme you must have a working version of Prestashop 1.6 already installed. For information in regard to installing the Prestashop platform, please see the Prestashop Wiki - http://doc.prestashop.com/display/PS16/PrestaShop+1.6+documentation

Requirements

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"

Optional PHP extensions:

  • GD
  • cURL
  • SimpleXML
  • SOAP

Permissions

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

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

 

Installation

Automatically installation of the template

If you want to install this theme automatically, please use native “Import/export a theme” module. You should make following steps:

  1. First of all you should to extract downloaded archive
  2. Login to your back-office and go to Modules page
  3. Search "Import/export a theme" module through the search bar. If you don't have this module in your back office, you should install it
  4. Go to the configure of module "Import/export a theme"

  5. Select archive from extracted folder "themes", and click “Next” button

  6. On this step you will get information about installed theme. Click “Next” button

  7. On this step you will get information about theme installation status. Please mark selected items as at the screenshot and click “Next” button
  8. Next step will inform you about modules installation status, and images settings update. Click “Finish” button
  9. Go to "Preferences" → "Images". Click to "Regenerate thumbnails" button, and wait while it will be finished
Install "Import/export a theme" module
  1. download latest version of theme installator module from addons marketplace
  2. Login to your back-office and go to Modules page
  3. Click to "Add new module" button

  4. Select downloaded from addons module and click to "Upload this module" button

  5. Install uploaded module

Congratulations! You have installed your new theme and to check it out, go to the front- end of your online shop and take a look at it!

Video installation tutorial

You can also look at this video of installation process:

Manually installation of the template

If you want to install this theme manually, you have to do following steps:

  1. Download and extract it locally.
  2. Upload the entire “alysum” to the “/themes” directory on your server.
  3. Login to your back-office and go to “Preferences” → “Themes”.
  4. Click to "Add new" button
  5. Type name of the theme - "Alysum", and name of the theme's directory - "alysum"
  6. Click to "Save" button
  7. Now select "Alysum" theme in the "Theme appearance" section below
  8. Click to "Save" button
  9. Upload the “/modules” folder contents to the “/modules” directory on your server.
  10. Install each uploaded modules in back office. How to works with prestashop modules please read here http://doc.prestashop.com/display/PS16/Managing+Modules+and+Themes

Congratulations! You have installed your new theme and to check it out, go to the front-end of your online shop and take a look at it!

Configuring images

You can choose the type of product images that will suit your products the best. Images can be vertical rectangular (a form well suited for clothing), square (the best for shoes, accessories, electronics, etc.) or horizontal rectangular (furniture, auto, etc.).

By default Alysum theme has the following proportions of product images 0.61:1. We advise you to set the rectangular image dimensions according to the following screenshot:



If you decide to use square (with proportions 1:1) images set following dimensions:


For horizontal rectangular images with proportions 2:1 use following dimensions:

Alysum comes with a very powerful Theme Settings module, where you can customize a lot of settings.


Responsive mode — allows to change the layout of your shop depending on the size of screen. You can disable this option if mobile web customers are not your target.

Page layout — allows to determine page’s layout. If you wish you can place a column in the right or left position of a page.

Scroll to Top — allows you to quickly jump back to the top of any page! Once you scroll far enough down on a page, the button will appear in the bottom right corner. Click it, and you will be taken to the very top in no time!

Stylized tooltips — allows you to style native browser tooltips easily.

Map at the Contact Page — shows a map with pointer to your address. To change address to yours just type it in the field.

Text in the footer section — put your text to the footer, for example copyright. You can use HTML tags in that field.

Alysum Theme updater — this function let you update Alysum to latest version just in one click.


Background color — defines the background color of your shop.

Background image. You can add your images as background. Image can be showed in center, on the right, on the left, and repeated horizontally, vertically or in both dimensions.


Patterns. Select one of predefined patterns. You can use it along with the background color, in this case you will get overlay effect.


Logo type. You can display your logo as a text or as an image. If you already have your logo, just upload it. Or you can generate your logo directly in the sections below.

Logo options. Type the name of your shop, choose a color, font-family, font-size and line-height.

Slogan options. The same parameters for slogan.

Logo position. You can manage the position of your new logo by clicking to the arrows.


In this section you can configure the view of theme buttons


Headings. Change the font and colors of heading.

Text. Change the font and colors of normal text.

Links. Change the color of links.


This section allows you to configure the modules on your homepage. Just click to "show" button to display that module. Each module has a button "configure" to go to the module settings.


Listing View. You can specify the default view of product listing (List of grid). This option can be overridden by buttons on category page.

Category Title and description. You can show or hide this information depending on your needs.

Show Subcategories. You can show or hide subcategories. For example if you have a lot of subcategories, you can hie them to make your category page clear.

Show Layout Control Buttons. You can allow your customer to choose the view of product listing. Or you can set Listing view yourself and disable these buttons from front office.

"Availability" and "Reduced Price" labels. You can show or hide these labels depending on type of products you have.


Product Video. You can disable video section if you don't use it. To add or change the video open the product settings "Catalog" > "Products" > "Edit (Your Product)" and find the tab "Alysum theme settings".

Custom Tab. You can disable additional custom tab if you don't use it. You can add any text or images to a custom tab.

Product Rating. You can show or hide rating stars on your product page.

Share buttons. These buttons allows your customers to share information about your products via social networks.


Add your custom css into this textarea.


This section defines email settings. Just fill all the fields you need and all settings will appear in the emails that your customers receive. In the very bottom you can find the button "Fix it". You can use it, for example, after the update of your prestashop to the latest version, or if you have some problems with emails (broken images, no confirmation emails, etc...).


Fill your social account information. You can show icons in the footer and use these accounts in the email templates.


Here you can manage your "Coming Soon" page. Select a time when your shop will be open. Write a message what you want your customers read.
Coming soon page have a footer where you can see three columns: About Us, Facebook and Google Map.

- You need to have Facebook module installed and enabled to see it in Facebook column.
- You can define in the "General Settings" the place on the map in column.

Additional modules

The list of modules:

Promo Minic Slider

This module allows you to show your promo slides and special/featured/new products in one place. Here you can find full documentation for this slider

Sequence Slider

This module allows you to animate each slide layer. It based on the sequencejs slider and have powerful customization opportunities. Just look at slider demo and you will understand what kind of animations available for you, and all these you can create in the back office.

Images Settings

Main image will be used as background for the slide composition. You can upload additional images. Each image has following settings:

  • Position before showing this is a position of image regarding the slider viewport before the slide will be showing.
  • Position on showing this is a position of image regarding the slider viewport when the slide will be showing.
  • Position after showing this is a position of image regarding the slider viewport after the slide will be showing.
- "top", "left" are the values in the percentage. For example left:30% means the position of image will be on the left on 30% of viewport width.
- "duration" is a duration of image animation from one position to another.
- "rotation" is a rotation of image in the current position.
- "opacity" is a opacity value in percentage from 0 to 100

Text Settings

You have an opportunity to use different styles of your title by adding html tags. For example <h4>your title</h4> will show the title with red background, and <h5>your title</h5> will show the title with gray background.
You can add the width of text container to manage the text animation.
All options to configure text position before/on/after works the same as for images.

Isotope Filter

This module allows you to show New/Special/Featured/Bestsellers in one place and switch between them. You can add products to module section automatically. You only need to put the number of products you want to see at your frontpage.


Or you can manualy pick a products.


Modules will automatically determine is the product "new" or "featured" or "special" or "bestsellers" and separate them by sections. Uf you define the number as 5 (for example) module take last 5 products of each type (new/featured/special/bestsellers) and total you should get 20 products. But if some type doesn't has 5 products, you will get less number

awShowcase Slider

awShowcase Prestashop slider it’s a great module with unconventional possibilities to show point of interest at the slide. You can add a point in one click and assign a product or a text. So you can describe details of each slide and fast attract customers to selected products.

You can also use a video as one of slides, just enable video mode in the slide settings and you will get a field for youtube video code.

Here is the process of adding points of interests:

Product carousel allows you to show featured or new products as carousel. Also you can customize the number of total, scrolled and visible products.

Extended Newsletter

This Module combines 3 modules in one place. Settings of Newsletter, Links to social accounts and promotion banner available in the back office.

Flex Menu

FlexMenu allows you to create unique submenu for each menu main item. Module based on ajax technology and you just need to type the text and it will be saved automatically.
Here is the tutorial how to manage menu in the back office.

Error 500 or 503 when add the menu item: for Flex menu work if your site under maintenance mode your IP should be added as allowed

Social Login

LoginRadius is a company that offers social login through popular hosts such as Facebook, Twitter, Google and over 15 more!
Use following tutorial to configure your social networks https://www.loginradius.com/loginradius/how-it-works

Order of the modules

Positions of the modules

Alysum has eight (8) additional hooks. You can see their disposition at the image below. Default prestashop hook "DisplayTop" is free to use, and you can add modules to this hook. Default modules can't be located in Alysum additional hooks without code modification.