Site layout and design changes
You may need to regularly change the layout and design (known as the 'skin') of your site - for example if you sell seasonal products (such as clothes) you may want to change the skin to reflect the current season.
Shop Banana enables you to easily re-skin your site by keeping the colour-scheme and layout graphics grouped together in 'sets' that can be changed at will.
For example, you can design two colour schemes and two sets of layout graphics - one for 'spring/summer' and one for 'autumn/winter'. These can then be changed with a few mouse clicks when you update your stock for the current season.
Shop Banana has extended CSS to enable your color-scheme and layout graphics to be included directly in CSS. This way, you can change colour-scheme and graphics
without having to change your CSS.
Example of Shop Banana CSS
This small sample demonstrates how you can build CSS that automatically incorporates the websites current colour-scheme and graphics.
h1
{
color: @@PALETTE1@@;
}
h2
{
color: @@PALETTE2@@;
}
.logoBackground
{
background-image:url(@@_logo@@);
}
Shop Banana automatically substitutes the elements in blue to the correct references from the current skin. When the skin is changed, the websites style-sheet is automatically re-built to include the new skin elements.