Prestashop Theme Maker

11
PRESTASHOP – THEME MAKER Author : Pibblu Version : 1.0.1 Module Name : THEMEMAKER Release Date : 05-AUG-2014 I. Short Description: Create and publish any number of responsive Prestashop themes. 1 Free theme included. LIVE UPDATE of theme colours. II. The Benefits for Merchants: 1. Create any number of professional and responsive Prestashop themes on the go 2. LIVE UPDATE of theme colour combinations 3. Create a complete theme in just 5 minutes 4. Publish any theme, in just a Click 5. No technical expertise required 6. Preview theme in Mobile / IPAD / TAB / Computer layouts 7. Includes Free pre designed theme III. FEATURES 1. LIVE UDPATE of colour combinations for more than 170 elements 2. Apply and view colour changes in Home page, Listings page, Product Details page, Order page, Forms, Tables, Buttons, Backgrounds, Patterns and My account page 3. No core files change done 4. Preview your theme in Mobile / IPAD / TAB / Computer layouts 5. Store as many Themes you create. Edit / Update / Delete / Publish as and when required 6. Create a new theme / Edit existing theme and save as a new theme IV. The Benefits for Customers: Have your Website afresh, upgrade look and feel on every seasons and occasions. Make your customers feel that your Website is always active and improving V. HOW TO INSTALL THE MODULE 1. Download “thememaker.zip” to your local computer 2. Login to Prestashop Admin / Back-Office 3. Go to “Modules” menu 4. Click “Add a new module“ button (right top corner) 5. Click “Browse” button & select “thememaker.zip” file 6. Click “Upload this module” button 7. In modules tab, search for “Theme Maker” 8. Click “Install” button VI. Recommendations: 1. MINIMUM SYSTEM REQUIREMENTS a. Same as Prestashop v1.6 / Module tested ONLY with Prestashop v1.6+ b. Module strictly NOT recommended / NOT supported for i. versions less than 1.6 ii. May not be compatible with customized Prestashop Themes bought from any Market Place

Transcript of Prestashop Theme Maker

Page 1: Prestashop Theme Maker

PRESTASHOP – THEME MAKER Author : Pibblu Version : 1.0.1

Module Name : THEMEMAKER Release Date : 05-AUG-2014

I. Short Description:

Create and publish any number of responsive Prestashop themes. 1 Free theme included. LIVE UPDATE of theme colours.

II. The Benefits for Merchants:

1. Create any number of professional and responsive Prestashop themes on the go 2. LIVE UPDATE of theme colour combinations

3. Create a complete theme in just 5 minutes 4. Publish any theme, in just a Click 5. No technical expertise required 6. Preview theme in Mobile / IPAD / TAB / Computer layouts 7. Includes Free pre designed theme

III. FEATURES

1. LIVE UDPATE of colour combinations for more than 170 elements 2. Apply and view colour changes in Home page, Listings page, Product Details page, Order page,

Forms, Tables, Buttons, Backgrounds, Patterns and My account page 3. No core files change done

4. Preview your theme in Mobile / IPAD / TAB / Computer layouts 5. Store as many Themes you create. Edit / Update / Delete / Publish as and when required

6. Create a new theme / Edit existing theme and save as a new theme

IV. The Benefits for Customers: Have your Website afresh, upgrade look and feel on every seasons and occasions. Make your

customers feel that your Website is always active and improving

V. HOW TO INSTALL THE MODULE 1. Download “thememaker.zip” to your local computer

2. Login to Prestashop Admin / Back-Office 3. Go to “Modules” menu 4. Click “Add a new module“ button (right top corner) 5. Click “Browse” button & select “thememaker.zip” file 6. Click “Upload this module” button 7. In modules tab, search for “Theme Maker” 8. Click “Install” button VI. Recommendations:

1. MINIMUM SYSTEM REQUIREMENTS a. Same as Prestashop v1.6 / Module tested ONLY with Prestashop v1.6+ b. Module strictly NOT recommended / NOT supported for

i. versions less than 1.6 ii. May not be compatible with customized Prestashop Themes bought from any Market

Place

Page 2: Prestashop Theme Maker

2. Live Logo upload function is not complete in this module and hence logo needs to be uploaded through Prestashop Back-Office. i.e. Admin >> Preferences >> Themes >> Header Logo

3. While creating / editing theme, make sure that you add a couple of Products to "Cart", so that you would be able to navigate to all Checkout pages and perform colour change

4. While using with Order >> Forms Make sure you "Login into a Customer account" and navigate to any below suggested “Forms” to edit colours a. Option 1: Already have registered customer account? Login and go to "New / Edit Address Form"

(OR) "My Account - Personal Info Form" b. Option 2: Have No registered customer account yet? Enter an email id in Sign-in box, click

"Created a New Account" button and go to "New Registration Form"

VII. HOW TO USE THE MODULE 1. (Assuming the module is installed successfully), Click “Configure” link in the installed module 2. Click “Create / Edit Theme” button 3. A new window opens with Menu to create theme

Key Menu Items:

a. Select Theme: i. Select “Edit” button next to an existing theme and start upgrading

ii. Select “Delete” button next to an existing theme to delete the same iii. Select “Create a new Theme” to create a theme from the beginning

b. Preview: i. Preview your theme changes in Mobile / TAB / IPAD / Computer layouts. ii. This action will not apply / publish changes in Live environment

c. Save: i. Saves your changes as a new Theme / Update the selected existing theme ii. This action will not apply / publish changes in Live environment

d. Publish: i. Publishes selected theme to the Live environment

e. Reset: i. Removes all applied themes and Resets to Prestashop default theme ii. This action will not apply / publish Prestashop default theme in Live environment

iii. Note: Reset + Publish will publish Prestashop default theme in Live environment

VIII. Keywords: Prestashop Theme Maker, Prestashop Layouts, Prestashop Website Design,

IX. KNOWN ISSUES AND WORK AROUNDS

1. MINIMUM SYSTEM REQUIREMENTS

a. Same as Prestashop v1.6 b. Module tested ONLY with Prestashop v1.6+

c. Module strictly NOT recommended / NOT supported for versions less than 1.6 2. Live Logo upload function is not complete in this module and hence logo needs to be uploaded

through Prestashop Back-Office. i.e. Admin >> Preferences >> Themes >> Header Logo 3. While creating / editing theme, make sure that you add a couple of Products to "Cart", so that

you would be able to navigate to all Checkout pages and perform colour change 4. While using with Order >> Forms

Make sure you "Login into a Customer account" and navigate to any below suggested “Forms” to edit colours

Page 3: Prestashop Theme Maker

a. Option 1: Already have registered customer account? Login and go to "New / Edit Address Form" (OR) "My Account - Personal Info Form"

b. Option 2: Have No registered customer account yet? Enter an email id in Sign-in box, click "Created a New Account" button and go to "New Registration Form"

X. TECHNICAL SUPPORT

Please send your queries to [email protected], our technical support team will get back to at the earliest NOTE: Though this module is self-explanatory, it is highly recommended to go through below Prestashop Layout Terminologies to get maximum benefit

Page 4: Prestashop Theme Maker

HOME PAGE:

Page 5: Prestashop Theme Maker

HEADER SECTION OF HOME PAGE:

LAYOUT SECTION OF HOME PAGE:

REASSURANCE BLOCK OF HOME PAGE

Page 6: Prestashop Theme Maker

FOOTER SECTION HOME PAGE

Page 7: Prestashop Theme Maker

LISTING PAGE

Page 8: Prestashop Theme Maker

PRODUCTS DETAILS PAGE

Page 9: Prestashop Theme Maker

ORDER PAGE / CHECKOUT PAGE

Page 10: Prestashop Theme Maker

ORDER – BOX – LOGIN PAGE

ORDER – FORMS – CREATE ACCOUNT / REGISTER ORDER – FORMS – ADDRESS

Page 11: Prestashop Theme Maker

PAYMENT BLOCK