How would I display products in 2 columns for Responsive Design Lifestyes Ecomm Plus
Thank you
Saleem

Hi

Find div.product and change the width to something like 48%

div.product#12298;
width:48%;
etc

Andy

Please feel free to review / rate our software

Thank you

Hi Andy

In the div.product I changed the width to 48% , and it is not working. Please see the website www.gemlinx.com click on the "color diamonds" category, it still displays products in a single column.
Saleem

Try a smaller percentage until it fits in two columns.

Responsive Design Deals Ecomm Plus - ASP 6.8
www.paradiseclothingco.com

Hi Saleem, your using Responsive Design Lifestyes Ecomm Plus but not using responsive layout I see tables still being used. Look in vsadmin/includes.php for the following line.

Step 1. $usecsslayout=TRUE; if it is present in the file and not duplicated go to next step2, if duplicated in the includes.php remove the duplication, if not present in the includes.php add it and move to step 2.
Step 2 - the product and proddetail page elements have to be defined in the vsadmin/includes.php in the order that you want to display them. https://www.ecommercetemplates.com/help/css-layouts.asp

Product layout Example:
$productpagelayout='productimage, addtocart, productid, sku, productname, manufacturer, discounts, reviewstars, instock, custom1, description, options,dateadded, listprice, price, currency, quantity, custom2';

Detail page layout example:
$detailpagelayout='navigation, checkoutbutton, productimage, productid, manufacturer, sku, productname, discounts, instock, description, listprice, price,quantity, currency, dateadded, options, addtocart, previousnext, emailfriend, reviews';

Step3 - CSS
The classes may or may not be in your style sheet they are listed here and there is a link to sample style sheets https://www.ecommercetemplates.com/help/css-layouts.asp

Now if css is not your thing Ecommerce Templates makes it easy with CSS Premium Layouts - https://www.ecommercetemplates.com/CSS-Premium-Layouts



Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Hi Sindbad

All the classes are there in the .css file.
$usecsslayout=TRUE; is on the top of the includes.php. I have added the following to the includes.php file:

$productpagelayout='Description,productimage, addtocart, productid, productname';

Now the products display in 2 columns as I wanted. However, the side bar gets pushed down below the products display?
Thank you
Saleem

Hi Saleem, there are a couple of issues in the style sheet fixing those may solve the problem if not we'll check else where, look around line 515 and change the upper case to lower case on both height and width
img.prodimage{
border: 1px solid #ccc;
Height: 150px
Width: 125px
}

Then around line 540 change the : after the word left to a semi-colon ;

div.proddescription{
padding:6px;
float:left:
font-color: #000000;
}

check the float around line 828 and 834 items either float:left; or float:right; to align the content you would use text-align:center;

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Hi Sinbad,

All the things you mentioned are correct in the .css file
Thanks
Saleem

Hi I'm still seeing the following from the file on the server there is also missing semi-colons ; can you make sure you upload the change to the server.

This

img.prodimage{
border: 1px solid #ccc;
Height: 150px
Width: 125px
}

Should be

img.prodimage{
border: 1px solid #ccc;
height: 150px;
width: 125px;
}

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Hi Sindbad,

Yes I it changed to this

img.prodimage{
border: 1px solid #ccc;
height: 150px;
width: 125px;
}

Still not working

I think the problem is really down to the HTML, for example when I view source I see this near the end of your code

<!-- end .container -->
</font></font></font></font></font></font></font></font></font><font color="005fd7">

<font color="005fd7">
</font></font>
<!-- #EndTemplate -->
</td></tr></tbody></table></div></font></div>

First thing I would do is remove any of those table and font tags and then it will be much easier to see what is left.

I imagine the sidebar is falling below the content because of a missing </div> tag - if you look at the footer it seems to be in the same container as the sidebar.

Andy

Please feel free to review / rate our software

Hi Andy

I removed the HTML code at the bottom of the pages, still no change. The side bar problem occurs only on the products page, it is fine on all other pages.
Thank you
Saleem

Hi Saleem, there are missing div tags but adding them still may not make a difference, I suggest you try re-creating the page from a working page

1. open search.php
2. Save as products.php
3. using code view look for

<?php include "vsadmin/inc/incsearch.php" ?>
change to
<?php include "vsadmin/inc/incproducts.php" ?>
4. Save products.php again and upload to the server.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Hi Sindbad,
That did the trick, it works now. Apparently the original products.php was corrupted.
Thank you