Glossary Item Box

Squirrelcart v6.1.0

Custom Style Settings

Overview

Some themes have variants that allow you to adjust the appearance of the store. For example, the built-in Squirrelcart theme includes 15 different variants to change layout design, width, colors, fonts, and many other aspects of the theme using predefined values stored in INI files. The variants can be seen below as Layout, Width, Content Corners, etc...

default theme field

 

When you change the variant fields, you are telling Squirrelcart to use settings for that variant in your stylesheets. Those settings are defined in special INI files that should not be modified.

 

Custom style settings can be used to further tweak those settings beyond what you could normally change with the variants alone. They are available when using the master Squirrelcart theme, or a theme that is extending that theme, or any add-on theme that supports it. They are not available to themes that are copying the built-in CSS from the master Squirrelcart theme.

How to Specify Custom Style Settings

Custom style settings are applied on top of a theme's variant settings. You choose a starting point for customization by selecting the variants you wish to start with. Any changes you make after setting the starting point alter that design from the one specified by the starting point setting.

  1. Open your theme's record in the control panel
  2. In the Custom Style Settings fieldset, locate the fieldset labeled Starting Point. If you do not see these fieldsets, your theme does not support custom style settings.
  3. If you've already done this step before, you can skip to #5 below. If this is the first time you are working with custom style settings, change the values in the Starting Point fieldset to match the design you wish to start with.
  4. Click the Set Starting Point button. The page will reload.
  5. Immediately below the Starting Point fieldset, you should see one or more fieldsets containing settings you can customize. These settings correspond to INI settings that are output into your stylesheets. Change the settings as needed.
  6. Click Save Changes

 

Changing your Starting Point

If you wish to change the starting point, change the values explained above in steps 1 - 3, and click the Reset Starting Point and save the record. Changing your starting point will cause all previously specified custom style settings to be lost.

Viewing the Custom Style Settings in Your Storefront

The custom style settings are used when you have your theme chosen and have the first variant set to "custom". For example, if you were to specify custom style settings for the Squirrelcart theme, your store will use them when you set the Default Theme as shown below:

 

 

 


© 2001-2017 Lighthouse Development. All Rights Reserved.