In the SP Theme Configuration, choose “Background” to configure the parameters in this section. After finishing, you could go to the front-end to view the changes.

In the SP Theme Configuration, choose “Fonts” to configure the parameters in this section. After finishing, you could go to the front-end to view the changes.

Note: Please copy and paste the following line into Font Selector tab:

1.

body, h5.product-name, .price-box, #attributes .attribute_list select, h1.product_name

2.

.sp-megamenu .navbar-nav  li li a

3.

h1,h2,h3,h4,h5,h6,.content_sortPagiBar_top label, .content_sortPagiBar_bottom label,.content_sortPagiBar_top div.selector span, .content_sortPagiBar_bottom div.selector span

4.

.title_font

In the SP Theme Configuration, choose “Listing Pages” to configure the parameters in this section. After finishing, you could go to the front-end to view the changes.

+ Show number of products in current category

Display product number on Listing Page (Show/Hide)

Frontend Appearance:

+ Product title

Display product title on Listing Page (Show/Hide)

Frontend Appearance:

+ Show product description

Display product short description on Listing Page (Show/Hide)

Frontend Appearance:

+ Show Quick view

Display button Quickview on Listing Page (Show/Hide)

Frontend Appearance:

+ Show product price

Display product price on Listing Page (Show/Hide)

Frontend Appearance:

+ Show product label (New/Sale)

Display product price on Listing Page (Show/Hide)

Frontend Appearance:

In the SP Theme Configuration, choose “Product Pages” to configure the parameters in this section. After finishing, you could go to the front-end to view the changes.

+ Thumbnails Type

Choose type display of thumbnails block on product page.

Frontend Appearance:

-Vertical Thumbnails

-Horizontal Thumbnails

+ Display thumbnails

Number of thumbnails be displayed.

Backend Settings:

+ Display Product SKU

Show/Hide Product SKU.

Frontend Appearance:

+ Display Product Attribute

Show/Hide Product Attribute.

+ Display Product Availability

Show/Hide Product Availability.

Frontend Appearance:

+ Share buttons

Show/Hide Share buttons.

Frontend Appearance:

+ Short Product Description

Show/Hide Short Product Description.

Frontend Appearance:

In the SP Theme Configuration, choose "Custom Codes" to configure the parameters in this section. After finishing, you could go to the front-end to view the changes.

Frontend Appearance

- You can input css or javascript.

body{
	background-color: red;
}

alert('This is demo javascript');

Click Here to view documentation of SP MegaMenu module.

1. Navigate to IMPROVE >> Modules >> Modules and Services go to Installed modules section and look for SP Mega Menu >> Click the Configure button to access the module configuration page.

2. In the SP Mega Menu Panel, you could Add New Module by click on the button like the following image:

3. You could configure General Options then click "Save" or "Save and stay" button.

4. Menu list of Mega Menu. You need to look at the menu list to configure easily.

5. Examples. Create megamenu as the demo.

Step1: Create menu "Features" level 1. Scroll down you could configure Menu Information as follows:

Step2: Create Menu Item.
- Create submenu item. In this step, you can do the same to create other items. - Create banner image.

Copy and paste the following code into the content HTML:

<p><img src="/themes/sp_aloza17/themes/sp_aloza/assets/img/cms/img-mega.jpg" alt="" /></p>

Frontend:

Backend Settings:

Step 1:

• Install the "smartblog.zip" file.
• Install the "smartblogcategories.zip" file.
• Install the "smartbloghomelatestnews.zip" file.

Step 2: In the Prestashop Admin Panel, navigate to IMPROVE >> Modules >> Modules and Services >> Installed Modules

• Look for Smart Blog file.
• Look for SmartBlog Home Latest file.

Step 3: You could configure this module like the following image.

- Smart Blog

- SmartBlog Home Latest

Please read more guide for Smartblog at here. SmartBlog Module

Backend Setting:

In the Prestashop Admin Panel, navigate to Shop Parameters >> Contact >> Tabs Stores >> Contact Details

Frontend Appearance:

Backend Setting:

Step 1: In the Prestashop Admin Panel, navigate to IMPROVE >> Design >> Pages

Step 2: In the “Pages” configuration page, click button in the right corner to “ADD NEW”.

Step 3: You could add new cms page like the illustration

<div class="about-wrap">
<div class="image"><img src="/ytc_templates/prestashop/sp_aloza/themes/sp_aloza/assets/img/cms/image-about-us.jpg" alt="#" /></div>
<div class="content">
<div class="title">
<h1>About Us</h1>
</div>
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis partrient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
</div>
</div>
</div>

1. Add new Language

Step 1:

- In the Prestashop Admin Panel, navigate to IMPROVE >> International >> Translations

Step 2:

- At here, Scroll to block "ADD / UPDATE A LANGUAGE"

- Then, Select the language you want to add new, and click button "Add or update a language"

2. Export Language

Step 1:

- In the Prestashop Admin Panel, navigate to IMPROVE >> International >> Translations (Same Add new Language)

Step 2:

- At here, Scroll to block "Export a Language"

- Then, Select Language and Your theme that you want Export, and click button "Export"

3. Import Language

Step 1:

- In the Prestashop Admin Panel, navigate to IMPROVE >> International >> Translations (Same Add new Language)

Step 2:

- At here, Scroll to block "Import a language pack manually"

- Then, click button "Add file" and choose file language and select your theme, and click button "Import"

4. Management Language

Step 1:

- In the Prestashop Admin Panel, navigate to IMPROVE >> International >> Localization, and choose tab "Languages"

- You can edit or delete language on your store

Step 2:

- If you want change language, click button "Edit".

Step 1:

- In the Prestashop Admin Panel, navigate to IMPROVE >> International >> Localization, and choose tab "Currencies"

Step 2:

- In the "Currencies" configuration page, click button in the right corner to “ADD NEW”.

Step 3:

You could configure this module like the illustration

1. Translations Theme

Step 1:

- In the Prestashop Admin Panel, navigate to IMPROVE >> International >> Translations (Same Add new Language)

Step 2:

- In the "Translations" configuration page, scroll to block "MODIFY TRANSLATIONS"

1. Choose "Type of translation" is "Theme translations"
2. Choose "Select your theme" is your theme you want translated.
3. Select your language you want translated

- Then click button "Modify"

- Here, you can translate the text in the theme.

2. Translations Modules

Step 1:

- In the Prestashop Admin Panel, navigate to IMPROVE >> International >> Translations (Same Add new Language)

Step 2:

- In the "Translations" configuration page, scroll to block "MODIFY TRANSLATIONS"

1. Choose "Type of translation" is "Installed modules translations"
2. Choose "Select your module" is your module you want translated.
3. Select your language you want translated

- Then click button "Modify"

- Here, you can translate the text in the module.