I thought it would be nice to start a guide and tutorial on managing your Shoppica theme. I'll be adding this as we get time and as ideas and useful tips are created. Please feel free to add anything you find useful to managing your Shoppica theme in the comments section.
Shoppica Commerce Module Theme Version (Drupal 7.x)
This theme has infinite theme colors available. You can use one of the preset theme colors -- Blue, Green, Orange, and Tan. Or, you can choose "Custom" and then select the theme colors of your choice for certain parts of the theme's layout or text. A flyout color wheel is included for all color input fields. The fields you can change include:
Intro text color
Intro title color
Price text color
Promo price color
Promo price text color
The theme even comes with 3 background textures that change color with the background color chosen within the custom color settings. Backgrounds include Rough, Noise, and Squares. This theme can be adapted to include ANY color variations you need to match your brand or product line.
Screenshot from the "Appearance > Shoppica > Settings" page:
2) Shoppica Blocks Configurations
The Shoppica theme makes heavy use of Drupal's core blocks functionality. You can go to Structure > Blocks to see the blocks in use in the theme after purchasing. The blocks in use and in the demo are named in a way to help you find them in the theme, such as the ones shown in the example screenshot below. After you've set up the theme, go through the blocks there and get familiar with where they are placed within the theme.
Note: The Facebook and Twitter regions in the Shoppica theme (footer region on every page) are hard coded in the theme's page.tpl and front--page.tpl files. This is because they have a very specific look and feel to them that matches the theme's design.
You can set the Twitter username and Facebook ID (name) on the Appearance > Shoppica > Settings page. Just scroll to the bottom of the page just below the color options to insert your usernames for those two services.
Screenshot from the Structure > Blocks page:
3) Getting Familiar with Product Settings
As noted above, Commerce is the module used in this theme. There are tons of options and configurations that can be made using Commerce -- way too many to go into here. We would recommend clicking on the Content link in the admin menu and then click on "edit" beside a few of the products under the "Product" content types. You can then get familiar with the products there in the demo and what fields are included in the theme's product pages.
Product fields/attributes included by default in the demo theme:
Product images - sortable so you can always make sure your "lead" image is first and prominent for customers.
Availability - In stock, 1 Day, 2 -3 Days, 3 - 6 Days, etc. - all adjustable within Commerce.
Model, Catalog, and Manufacturer fields - all adjustable within the Commerce module.
"Old Price" field - This allows you to set a sale price and the "Old Price" has a strick through (line) to show the Sale price below the strick through price.
Slide show check box - Please be aware that adding a product to the slide show may not display correctly because the slide show image size fits a wide, rectangular picture. Therefore, we have set up a custom content type to add slide show images to the theme. Click "Add content" then "Slideshow" and add the slider image and link to the page you'd like to point the slide to within your website. Slide image must be 920px × 320px.
Product description - Add a description to your product within this field.
Dropdown attributes - If you have products like clothing which require different styles or sizes, the attributes functionality from Commerce allows you to set these up easily to include in the theme. Attributes can use different prices depending on what's selected from the dropdown. Select boxes, Radio buttons, and Check boxes can all be used in product attributes.
Add more options depending on your ecommerce/store needs!
4) Adding Images to the Front Page Slide Show
Adding images to the front page slide show is easy. We've set up a content type called "Slide Show." This allows you to add slide show images - preferably a PNG image with transparent background as this allows the slider background to display well.
To add a slide show image, click Add content > Slide Show, then upload an image that's 920px height / 320px width. Then, you can simply link the slide show image to the product, product category, or article page you to feature from the slide show on the front page.
Note: Adding normal products to the slide show may not display as you'd like them to. This is beacuse the product images height and width is far different than the height and width used in the slide show. It's best if you use the slide show content type and link to the product, category, or article page from the slide show area.
5) Category Slide Show Configurations
This theme comes with category slide shows which is pretty sweet looking! To manage the number and order of products shown in the category slider, go to Structure > Views > Category Slide Shows to make the appropriate settings. By default it is set to show 10 products in the category slider.
6) Views Configurations for certain Blocks/Regions
This theme makes heavy use of the Views core module, as you can see when you go Structure > Views. The blocks or regions using Views currently are:
Category Slide Shows
Orders (Commerce order info)
Products (for products pages)
Related Products (for related products block below products)
7) Commerce Module Configuration
Store configuration is found by simply clicking "Store" in the top admin menu. As noted above, there are tons of ecommerce options available from Commerce like payment gateways, checkout settings, order settings, and so on. You can click through each of these to get familiar with what you need to set up to get your store selling in no time! Read more information and the user guides over at http://www.drupalcommerce.org/.
8) Commenting out Fonts
Some people may want or choose to comment out the fonts that load into the theme in order to speed it up. This really depends on your hosting and traffic. It's necessary to make chages to this file noted below to disable the loadable fonts for the Shoppica theme.