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


 All Forums
 Technical
 PHP (Unix / Linux / Apache) versions
 cross sell formatting help
 New Topic  Reply to Topic
 Printer Friendly
Author  Topic   

charmarsh
Ecommerce Template Expert

USA
785 Posts

Posted - 03/25/2020 :  14:19:42  
For adding cross sell to bottom of product detail page...

1) The title is way up under my product detail image. It needs to move all the way done below "Click to review this product" and then it will be right above the related products.
2) I need to adjust the height of the products at the bottom of the page so when they wrap around in a second row, they do not run on top of each other.

Thank you.

dbdave
ECT Moderator

USA
8281 Posts

Posted - 03/25/2020 :  14:38:50  
We would probably need to see the site to help.
It sounds like you need to clear floats.
So just before where you have inserted the crosssell include line, you might try to insert an empty div like this

<div style="clear:both;"></div>

That may help.

David

charmarsh
Ecommerce Template Expert

USA
785 Posts

Posted - 03/25/2020 :  15:59:29  
Hi Dave, your suggestion got the title sorted out. But product vertical positioning still not right. I tried playing around with css but no go.
https://www.manageyourweight.com/proddetail.php?prod=Divine+Vanilla+-+High+Fiber+Gluten+Free+Protein+Bar

Paradise
Ecommerce Template Guru

USA
1602 Posts

Posted - 03/25/2020 :  17:14:57  
When I remove the css below it lines up real nice, it looks like it's right above the cstitle class.

<div style="clear:both;"></div>

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

charmarsh
Ecommerce Template Expert

USA
785 Posts

Posted - 03/25/2020 :  17:23:31  
The title is good now. I am still having trouble with the products positioning too far at the bottom of the page and their descriptions cut off. And overlapping the descriptions when in two rows.

dbdave
ECT Moderator

USA
8281 Posts

Posted - 03/25/2020 :  19:34:07  
Hi, try putting the invlude line for the cross-sell in it's own div.

<div style="clear:both;"></div>
<div>:::crosssell include line here</div>

David

charmarsh
Ecommerce Template Expert

USA
785 Posts

Posted - 03/27/2020 :  13:42:12  
Cross Sell Products still pushed down to the bottom of the page.
https://www.manageyourweight.com/proddetail.php?prod=Divine+Vanilla+-+High+Fiber+Gluten+Free+Protein+Bar

Marshall
Ecommerce Template Guru

USA
1496 Posts

Posted - 03/27/2020 :  16:23:47  
There is some element in the right column causing the problem. Not sure if it is the clearfloat below or something.

<div class="clearfloat"></div>
<div class="sidebar1">
<h1 class="mennav">Our Products</h1>
<ul class="nav">

After taking look at your CSS, it might be one of these. Either way, the right column is what is creating the gap.
p.cstitle{
clear: both;
}

div.csproducts{
clear: both;
margin-top: 0px;
}
Try commenting out the clear:both in the above and see what happens.

Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com

Edited by - Marshall on 03/27/2020 16:27:31

charmarsh
Ecommerce Template Expert

USA
785 Posts

Posted - 03/27/2020 :  17:13:42  
OK. So here's what worked:

p.cstitle{
clear: left;
}

div.csproducts{

}

Changed p.csstitle to "clear: left" instead of both.
Removed the csproducts elements all together. Did not seem to need it.

Thanks all for your time and help.
Charlotte
   Topic   
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2019 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000