M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme...

15
xtait M2: Theme Solutions Switcher User Guide

Transcript of M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme...

Page 1: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

xtait

M2: Theme Solutions Switcher User Guide

Page 2: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Table of Contents

Colour Solutions Page ....... . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ................................................................ . . . . . . . . . . . . . . .3Design Settings........ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................... . . . . . . . . . .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ...... . . . . . . . . . . . .6Widget Settings........ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. . . . . . . . . . . . . . . . . . . . . . . . . . . . .. . . . . . . . . . . . . . . . . . . . . .9Colour Solution Elements........ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. . . . . . . . . . . . . . . . . . . . . . . . . .. . . . . . . . . .14

xtait

Page 3: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Colour Solutions Page

To preview colour solution go Content > Themes1

Content

Themes

Page 4: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Click on a colour solution to view details.

Page 5: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Click the ‘Theme Preview Image’ to preview the colour solution.

Page 6: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Design Settings

To configure design, go to Admin panel > Content > Configuration2

Content

Configuration

Page 7: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Click ‘Edit’ to configure a colour solution.

Page 8: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Select a colour solution.

To apply the proper colour solution, select it from dropdown list and save your configuration.

Page 9: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Set ‘Type’ to the type of widget that you want to create.

Widget SettingsTo complete customization you need to add all necessary widgets for applied Colour Solution. Go to Admin Panel > Content > Widgets > Add Widget

Page 10: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Verify that Design Theme is set to the current theme and tap ‘Continue’.

Page 11: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Duplicate the configurations of the existing widget. (The example of widget creation for Home page)

Page 12: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images
Page 13: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Created widgets are displayed in the Widgets grid

Page 14: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Header colour

Menu moves to the centre

Colour schemeButton colour

Footer Colour

Colour theme elementsWith each colour scheme your store acquires its own style.

*All images provided on

the front-end view you

need to download by

yourself.

Page 15: M2: Theme Solutions Switcher - extait.com · Button colour Colour scheme Footer Colour Colour theme elements With each colour scheme your store acquires its own style. *All images

Thank you for buying our extension!

xtait

In case you have any questions, feel free to contact support:https://extait.com/support