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
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
How to Setup Your Header
How to Setup Your Top Menu
How to Setup Your Logo
How to Setup Your Pages Menu
How to Setup Your Slider
>> 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
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
How to Setup Your Newsletter
How to Setup Your Footer
How to setup your twitter feed