Video Tutorial - Design manager - How to change the theme of a website using Mobile View in VPCart 9

Video Tutorial - Design manager - How to change the theme of a website using Mobile View in VPCart 9

Step 1. Firstly, Go to VPCART administration: Website >> Layout manager from the top menu


Step 2. Click, Mobile View icon on top and it will show preview of the website in mobile


Step 3. Click, Design manager icon


Step 4. The Design manager has 3 tabs- Theme, Custom and Containers. You will be under Theme tab initially.


Step 5. If you click on a theme color, you will see the change instantly on the Layout Manager page.


Step 6. You may use HSV Panel, Sliders or swatches to pick a suitable color.


Step 7. Click Save button to confirm your color.


Step 8. Click OK


Step 9. Now go to your shop and refresh the page to view the new theme color. The colours will be changed for Top header background, 


Step 10. Top navigation menu background, Buttons, Footer, social media icons etc.

User Manual Reference

User Manual Reference

For more information about how to use Design Manager to change the look of your site, you can also refer to our VPCart 9 User Guide at

https://helpnotes.vpcart.com/userguide900/#!Documents/howtousethisdesignmanagerfeatureinvpcart.htm


Times Viewed:
493
Added By:
Brian
Date Created:
9/29/2020
Last Updated:
9/29/2020