Difference between revisions of "Minimal theme: Customising your store's design"

From Spiffy Stores Knowledge Base

Line 34: Line 34:
  
 
=== Enabling Disqus blog comments, Facebook "Like" buttons, and Twitter "Tweet" buttons  ===
 
=== Enabling Disqus blog comments, Facebook "Like" buttons, and Twitter "Tweet" buttons  ===
 +
 +
[[Image:Minimal_theme_editor_08.png]]
  
 
=== SEO (Search Engine Optimisation) for your home page  ===
 
=== SEO (Search Engine Optimisation) for your home page  ===

Revision as of 08:58, 15 June 2011

The minimal theme design can be edited in the "Design >> Theme editor" section of your toolbox. The Theme Editore allows you to edit just about every colour in your theme, as well as editing your slideshow and enabling or disabling social media functionality. Below is a guide detailing each of the sections in the theme editor;

Theme presets

The theme comes with 6 preset colour schemes.  When you first load the theme, it is loaded using the "White & grey" colour scheme.  You can choose a colour scheme in this section, or you could also modify each section of your theme by editing other sections below.

Minimal theme editor 01.png

The theme editor

The theme editor is broken up into sections to make it a litle easier to find things.  Each section of the theme editor is devoted to either a specific set of functions, or a specific area of the page.  Clicking on a section heading will expand the section out so you can see the options for that section. We'll go into more detail about each section below.

Minimal theme editor 02.png

Store header & navigation

This section allows you to upload your logo, so that it displays in the header of your theme, and also on your checkout page.  To upload your logo, you tick the box that says "Use a logo?", and then click the "Choose file" button to select the file on your computer.  When you've done that, you just click the "Save settings" button to upload your logo and have it display in your theme. aPlease note that the theme editor re-sizes your logo to a maximum size of 750 pixels wide x 150 pixels high so that it fits into the theme nicely.  If you need that modified, please contact us to request a change to this.

You can also choose the menu that you want to appear in the header of your page.  The menus that appear in this list are ones that have been created in the "Store menus" section of your toolbox. The theme default is the "Main Menu". So when editing your menus, the Main Menu is the one you want to edit.

The menu in your store header supports multi-level drop-down menus, so you can create new menu items that appear when you hover over items in the top of the tree.  For more information about editing your store's menus, go to the "How to edit your store menus" page in this knowledge base.

Minimal theme editor 03.png

Home page slide show

Minimal theme editor 04.png

Site colour scheme

Minimal theme editor 05.png

Site footer: Address & payment details

Minimal theme editor 06.png

Site footer: Social media & marketing

Minimal theme editor 07.png

Enabling Disqus blog comments, Facebook "Like" buttons, and Twitter "Tweet" buttons

Minimal theme editor 08.png

SEO (Search Engine Optimisation) for your home page