
Here is the Furniture Store Theme package. Click the following URL to download the theme.
Furniture Store Theme
In order to install new theme please follow these steps
Download theme package from download link available above.
Extract the compressed file and copy the Furniture_store folder to your Website/App_Themes folder.
Now login to admin tool …
How to re-skin the footer
In order to convert the default footer into “Furniture_Store” footer, you have to modify these classes
For background image and border styles, modify the following class.
1#footer { border-top:3px solid #e3dfde; height: 75px; background-color:#FFFFFF; color: #b95300; line-height: 18px; margin:0 auto; }
For font styles and colors , modify the …
Main Panel
The main panel has white background and 10px padding from top, so modify this class.
1#mainPanel { padding: 10px 0px 0px 0px; margin: 4px 4px 0 4px; background-color: #FFFFFF; }
Cut the main header(welcome image) from design and replace the image named as “image.jpg”.Set the width height and image …
How to convert “Glass_olive” left Sidebar into “Furniture_store” left Sidebar
Finished left Sidebar Panel of “Furniture_store” Design
I have left side bar with white background, 200px wide with no borders below is the modified class for left Sidebar Panel container.Set the padding and comment the border style statements.
1#leftSidebarPanel {width: …
In the part 1 we discussed setting up and getting ready for re-skinning an Ablecommerce theme. We decided how we want our new theme to look like when completed. We learned what is required to get started with re-skinning and we learned how to create a new theme by creating …
Introduction
This is first of the series of articles/tutorials that I plan to write about re-skinning an Ablecommerce store. Once you have gone through this tutorial series you should be able to
Convert a design to an Ablecommerce store template
Know what are the good practices for re-skinning an Ablecommerce template
Understand step by …