Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?


Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site

 All Forums
 General
 CSS and Responsive Designs
 CSS and Responsive Design FAQ
 New Topic  Topic Locked
 Printer Friendly
Author  Topic   

Andy
ECT Moderator

95440 Posts

Posted - 09/17/2015 :  04:48:21  
Here are a few of the most frequently asked questions on the forum regarding CSS and Responsive Design

How do I get the category and product layouts in to 1, 2 or 3 columns in the css layouts?

The css layouts ignore the entries you may have used before in includes.asp / includes.php for categorycolumns, useproductbodyformat etc as all the layout is now achieved via the css file.

To show one column of categories you would use something like this in the css file
div.category{
width:95%;
float:left;
}

That means that the category container occupies 95% of the available space, resulting in one column. We use 95% rather than 100% to allow for any margins and padding you may need to add.

To show two columns of categories you would use something like this in the css file
div.category{
width:48%;
float:left;
}

That means that the category container occupies 48% of the available space, resulting in two columns, side by side.

To show three columns of categories you would use something like this in the css file
div.category{
width:31%;
float:left;
}

That means that the category container occupies 31% of the available space, resulting in three columns, side by side.

The same logic is used for the product columns

To show one column of products you would use something like this in the css file
div.product{
width:95%;
float:left;
}

To show two columns of products you would use something like this in the css file
div.product{
width:48%;
float:left;
}

To show three columns of products you would use something like this in the css file
div.product{
width:31%;
float:left;
}


After updating to Version 6.5 some pages including the cart and search have lost their formatting

This is because these pages are now css based and you will need to download the css file available here http://www.ecommercetemplates.com/free_downloads.asp#csscart

Unzip and upload the /css/ folder to your store root.

On your store pages add this line somewhere before the closing </head> tag
<link href="css/ectcart.css" rel="stylesheet" type="text/css">


How do I know what the name of the class is that I need to edit?

In the Firefox browser go to Tools > Web Developer > Inspector (Ctrl + Shift + C) and then mouse over the element you want to identify

In the Chrome browser go to Menu > More Tools > Developer Tools and click on the magnifying glass icon - then highlight the element you want to identify.

Andy

Please feel free to review / rate our software
   Topic   
 New Topic  Topic Locked
 Printer Friendly
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2020 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000