Viewing Category » Website Design & Development
3 March 2009

Free Furniture Store Theme for AbleCommerce

Post Thumbnail of Free Furniture Store Theme for AbleCommerce

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 …

3 March 2009

Re-skinning Ablecommerce : Part 5 The Footer

Post Thumbnail of Re-skinning Ablecommerce : Part 5 The Footer

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 nbso colors , …

2 March 2009

Re-skinning Ablecommerce : Part 4 The Main Panel

Post Thumbnail of Re-skinning Ablecommerce : Part 4  The Main Panel

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 display, for …

2 March 2009

Re-skinning Ablecommerce : Part 3 Sidebars

Post Thumbnail of Re-skinning Ablecommerce : Part 3 Sidebars

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: 200px; …

24 December 2008

Re-Skinning Ablecommerce : Part 2 – Re-Skinning Header Section

Post Thumbnail of Re-Skinning Ablecommerce : Part 2 - Re-Skinning Header Section

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 …

17 December 2008

Re-Skinning Ablecommerce : Part 1 – Getting Started

Post Thumbnail of Re-Skinning Ablecommerce : Part 1 - Getting Started

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 …