Welcome To Dekora Theme
Responsive Multi-Purpose Prestashop 1.7 Theme

Introduction

Thank you for purchasing our theme. In this document, we provide all kinds of good information with all the details you need to use our theme. We hope you have fun and enjoy working with our theme. If you need further help, please feel free to open a ticket on our support center.

Before Getting Started

If you are not familiar with Prestashop1.7, please get accustomed with it before proceeding to using our theme. Here are some links that will help you to become more confident with Prestashop1.7:

Requirements & Compatibility

Requirements

To run Prestashop1.7 your host just needs a couple of things:

Compatibility

Our theme is compatible with these browsers:

Installation

Prestashop Core

You download and install Prestashop 1.7 or later

Theme Package

To download, you need to log into your ThemeForest account and go to your http://themeforest.net/downloads page. Locate the theme that you purchased in your Downloads list and click on the Download button

Installation

If you download All files & documentation, you will unzip it. Then, you find the installable file inside.

You can also download only the Installable Prestashop file.

Prestashop1.7 Installation

Follow the steps below to install via Prestashop1.7:

  1. In your Prestashop1.7 Admin Panel, go to Design > Theme & Logo
  2. Click on the Add new theme
  3. Click on the Add file button and navigate to find the dekora-theme-installation.zip file on your computer and click on the Save button
  4. Wait while the theme is uploaded and installed
  5. Activate the newly installed theme
  6. Import demo layouts you want to use. Go to FRAMEWORK > Module Configure > Theme Customizer > Import / Export tab

* You can see video tutorial here: https://youtu.be/JUKdDybzbP4

* If your server is timeout, please active Classic theme and reactive our theme.

Prestashop1.7 Installation
Please note that some hostings have a restriction on a size of a file that you are uploading. If you have any warning, you will contact your hosting provider. They should increase your maximum upload size.

FTP Installation

Follow the steps below to install via FTP:

  1. Log into your hosting space via an FTP software
  2. Upload the dekora-theme-installation.zip file into root > themes folder
  3. Go to Design > Theme & Logo and setup Dekora theme
  4. Click on the Add new theme
  5. Click on the Select the archive select and choose the dekora-theme-installation.zip file on your FTP and click on the Save button
  6. Wait while the theme is uploaded and installed
  7. Activate the newly installed theme
  8. Import demo layouts you want to use. Go to FRAMEWORK > Module Configure > Theme Customizer > Import / Export tab
FTP Installation

Quickstart Installation

Follow 6 steps as the default installation

http://doc.prestashop.com/display/PS17/Quickinstallationinstructions

* You can see video tutorial here: https://youtu.be/g_RwumVJFso

Prestashop1.7 Installation

Theme Customizer

After activating our theme, you can go to FRAMEWORK > Module Configure to configure the theme. Below will explain what you can do with Theme Options.

  1. General: Some global options
    • Layout type: Wide/Boxed option
    • Sticky Left/Right-column: sticky column left and right if your center column is longer
    • Style content page: These options will change the format of the title lines, the height of the text line, ... to match the design
    • Orther Small Image Size : Optional thumbnail product image size used for Wishlist, compare, shopping cart, ... Recommend is cart_default
    • Orther Large Image Size: Optional product image size used for Wishlist, compare, category list view, ... Recommend is home_default
    • Page is FullWidth: This option reduces the left and right column widths for screens larger than 1600px. Recommended when placing container widths greater than 1600px or 100%
    • Container max width: The width of the content on all pages. Pixel units or percentages
    • Container padding (left & right): Content edge distance
    • Distance between columns: Distance of columns using bootstrap
  2. Header: Dekora provides three types of headers to choose from, along with a header type on mobile devices
  3. Homepage: Dekora has 5 homepage layouts to choose
  4. Footer: Configure footer and sticky footer options
  5. Sticky: Configure sticky menu on desktop screen and mobile device
  6. Maps: Configure the Google maps in the contact-us page
  7. Logo: Separate logo configuration for desktop and mobile devices. Leave it blank if you only use 1 logo for all devices
  8. Category Pages: Individual options for product catalog page
  9. Product Detail Page: Individual options for product detail pages include: type of layouts, description tab styles,...
  10. Fonts: Dekora has 2 options to change the font for the title and the rest
  11. Colors: Choose color pairs for the entire site, if you want to customize the colors for individual parts use
  12. Style on theme (Only for developers with knowledge of CSS). Or contact us to use a customized service for a fee.
  13. Style on theme: Only for developers with knowledge of CSS
  14. Custom Codes: Add custom code like Google Analytics, Facebook pixels, ...
  15. Import / Export: Import or export all configurations in Themecustomizer
Theme Options

Slideshow

How to add or edit slideshow item?

  1. Go to TAB_THEMES > Configure > Page Builder > Slider tab
  2. Click Add new button to create your slideshow item.
  3. You can then add the slider to anywhere on the homepage using the Builder Home with the steps below.
Edit slideshow

How to set or configure a slideshow on your homepage?

  1. Go to TAB_THEMES > Configure > Page Builder > Builder Home and edit your homepage you want to put the slideshow.
  2. Click Edit with Page Builder button.
  3. Add your columns with the Content type is Slider.
  4. And Select the slideshow items you want to display
Configure slideshow

Newsletter Popup

Go to FRAMEWORK > Module Configure > Popup newsletter set up newsletter popup:

All options will help you configure the most relevant Popup newsletter

After the guest or customer register, you can manage all the email address in Backoffice > Modules & Services > Configure Newsletter subscription

Mega Menu

Page Editor

To manage your home page, Footer, widget, link block, social link,... you go to FRAMEWORK > Module Configure > Page Editor.

With our tool you can edit parts of the website flexibly

Page Editor is very unique plugin, it will help you managing your content at the Prestashop sites and create stunning layouts in few minutes without coding. Nowadays many websites have complex grid layouts with columns, tabs, sliders and etc. In the past, to create that type of layouts you should be HTML guru or Shortcodes operator ninja.

Homepage Editor

You can find it in the FRAMEWORK > Module Configure > Page Editor

You can create multiple pages at the same time here.

After you have your favorite page, you can choose which pages you want to use as the homepage.

home-builder

Widget Builder

This is a pagebuilder tool that allows you to create widgets that can be displayed at different hooks throughout the site.

  1. Go to FRAMEWORK > Module Configure > Page Editor click the Testimonial tab.
  2. Click plus icon to add new customer review.
  3. Click Edit button to change the existing widget.
  4. When adding new widgets you need to select the hook that the widget will appear first.
widget-buider

Testimonials

Dekora offers a tool to create customer reviews. Allows you to select good reviews to display.

  1. Go to FRAMEWORK > Module Configure > Page Editor click the Testimonial tab.
  2. Click plus icon to add new customer review.
  3. Click Edit button to change the existing review.
  4. You will need to add these testimonial blocks to the homepage using the Home Editor or Footer Editor
Testimonial

Product page

Extra tab

Dekora is added extra tabs featured in product detail page. It allows you to add unlimited extra tabs for different product pages

  1. Go to FRAMEWORK > Module Configure > Custom tab to set content of each tab.
  2. Click on plus icon to add new custom tab
Dekora Travel
  1. After create new custom tab in our modules configure. You need to add it on each product
  2. Go to Catalog > Product > Edit your product > click tab Modules and select all your tab you want to display. It's multiselect
Dekora Travel

Blog

Dekora is using Smart blog of Prestashop.

Translations

Dekora is ready to translate by using the admin panel. You can search all the text of content page here

Follow the steps below to translate:

  1. In admin panel, go to International > Translations
  2. Choose the type of translations and click on the Modify button
Create A New Page

FAQ

1. Admin tab return Page not found

  • In admin panel, go to Modules > Modules & services
  • Configure our module Theme Customizer
  • Click on the Refresh Tables button
  • Check your admin tab. If it return Invalid security token please click on I understand the risks and I really want to display this page. It only show on first time.
FAQ1