Cross Sell Advanced CSS

19 Dec 2006, 11:33 AM

#1

Zen Follower

Join Date:: Sep 2006
Location:: North Devon, England, UK
Posts:: 289
Plugin Contributions:: 0

Cross Sell Advanced CSS

Hello

I have set CSA up and seems to be working fine, except the actual presentation of the products, check here http://www.logo-golfballs.co.uk/shop/index.php?main_page=product_info&products_id=181

It is a css problem, I guess

There is a redundent id (id=crossSell) that I could use - is there any css i could add to that so it drops below all attributes?

19 Dec 2006, 6:20 PM

#2

mattys

Zen Follower

Join Date:: Sep 2006
Location:: North Devon, England, UK
Posts:: 289
Plugin Contributions:: 0

Re: Cross Sell Advanced CSS

I sorted this problem by adding <br class="clearBoth" />, as below:

<br class="clearBoth" /> <?php require($template->get_template_dir('tpl_modules_xsell_products.php', DIR_WS_TEMPLATE, $current_page_base,'templates'). '/' . 'tpl_modules_xsell_products.php'); ?>

The <br class="clearBoth" /> causes the DIV to break completely and start on a new line below, very handy...

27 Dec 2006, 10:19 PM

#3

dharma

Totally Zenned

Join Date:: Nov 2006
Posts:: 505
Plugin Contributions:: 0

Re: Cross Sell Advanced CSS

Hello!

I used your suggestion <br class="clearBoth" /> and have fixed my layout problem of having the cross sell/upsell too close to the product/shopping cart buttons.....anyway to get rid of the underline <hr> what ever you call it in php or have another space between the line and products?

nice site by the way!

Zencart 1.3.9h - PHP 5.2.13 - My SQL 5.0.84 - Apache 1.3.41

28 Dec 2006, 5:34 PM

#4

mattys

Zen Follower

Join Date:: Sep 2006
Location:: North Devon, England, UK
Posts:: 289
Plugin Contributions:: 0

Re: Cross Sell Advanced CSS

hi

i think you would have to go into one of the actual cross sell advanced files, one of the files you uploaded, it could be this file tpl_modules_xsell_products.php

take out the <hr> and add a <br> maybe

29 Dec 2006, 2:34 PM

#5

dharma

Totally Zenned

Join Date:: Nov 2006
Posts:: 505
Plugin Contributions:: 0

Re: Cross Sell Advanced CSS

:smoke: Smokin!

I added a <br> to the templates/tpl_modules_xsell_products (see below) and a space appeared in both product listing and the shopping cart upsell!

Good old html!

Thanks!

<div class="centerBoxWrapper" id="crossSell"> <h2 class="centerBoxHeading"><?php echo TEXT_XSELL_PRODUCTS; ?></h2> <br> <?php /** * require the list_box_content template to display the cross-sell info. This info was prepared in modules/xsell_products.php */ require($template->get_template_dir('tpl_columnar_display.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_columnar_display.php'); ?> </div>

Zencart 1.3.9h - PHP 5.2.13 - My SQL 5.0.84 - Apache 1.3.41

7 Jan 2007, 2:24 PM

#6

intellicents

New Zenner

Join Date:: Dec 2005
Location:: Bentonville, Arkansas
Posts:: 24
Plugin Contributions:: 0

Re: Cross Sell Advanced CSS

Hi, Dharma! I seem to have a problem you might be able to help with. I see you have the additional products at the bottom of the page, and that's what I'm looking for. The only problem is that I can't seem to get them horizontal as opposed to vertical. I have one right on top of the other. Have any idea why or what could be causing this?

http://www.concreterollers.com/index.php?main_page=product_info&products_id=1

http://www.concreterollers.com
http://www.jimmyharmon.com

Deleting code may not be the best way to resolve problems.