Installation

Setting Up Your Good Vibes Theme

Getting Started

The following installation guide is intended to help you setup your Good Vibes theme for your store. We will cover setup from header to footer in a top to bottom format. You can use the menu provided on the left to jump to the section you’re interested in learning more about.

Visual Reference

page-section-visual-reference-guide

What to know before moving forward

DO NOT edit the styles.css file when wanting to make design changes using css, use the cd-styles.css file to make those changes.

**note: if any modifications have been made to template files, particularly styles.css, then updating the theme will not overwrite these files you made changes to, which means you wont have the full theme update in place. You would then have to manually reset these template files one by one via the backoffice template file browser.

How to setup the configuration file


Unable to display content. Adobe Flash is required.

How to Setup Your Header

How to Setup Your Top Menu


Unable to display content. Adobe Flash is required.

How to Setup Your Logo


Unable to display content. Adobe Flash is required.




How to Setup Your Pages Menu


Unable to display content. Adobe Flash is required.

How to Setup Your Slider


Unable to display content. Adobe Flash is required.

>> Download Good Vibes Slider JPEG Image Files

To remove the gray and white boxes, place the following code snippet into your cd-styles.css file and save:


.slide-overlay { 
	display:none!important 
}

How to Setup Your Call-to-Action (CTA) Banners


Unable to display content. Adobe Flash is required.

The below code snippet is what is used on the demo store for the CTA banners. However any unordered list with images will work just fine.


<ul>
	<li><a href="/new-products/"><img title="New Products" src="/product_images/uploaded_images/cta-2.jpg" alt="New Products" width="360" height="180" /></a></li>
	<li><a href="/mens/"><img title="Shop Mens" src="/product_images/uploaded_images/cta-3.jpg" alt="Shop Mens" width="360" height="180" /></a></li>
	<li><a href="/spring-collection/"><img title="Spring Collection" src="/product_images/uploaded_images/cta-1.jpg" alt="Spring Collection" width="360" height="180" /></a></li>
</ul>

>> Download Good Vibes Call to Action JPEG Image Files

>> Download Good Vibes Call to Action Photoshop PSD File

How to Setup Your Featured Products

How to Setup Your About Us


Unable to display content. Adobe Flash is required.

How to Setup Your Newsletter


Unable to display content. Adobe Flash is required.

How to Setup Your Footer


Unable to display content. Adobe Flash is required.

How to setup your twitter feed


Unable to display content. Adobe Flash is required.