Another Upsell Layout Question(s)

[paulbeckett]

Hi Norman

Another couple of questions about tweaking the layout of your Upsell patch:

- I am trying to change the font size of Upsell pop-ups of Product Name (from regular to xsmall) and description (from xsmall to xxsmall). I have amended the code in Upsell_AddToCart_ExtendedInfo.html but this has had no effect.

- Similar issue for the Upsell_Horizontal_secondary ProductLine. I have included the productprice by removing your comments however changing the font size from xsmall to xxsmall has had no effect.

<span class="actxxsmall">NETQUOTEVAR:PRODUCTNAME</span>
<span class="actxxsmall">NETQUOTEVAR:PRODUCTPRICE</span>

However removing the boldness from product name did work.

[NormanRouxel]

NETQUOTEVAR:PRODUCTPRICE calls another Template (Act_ProductPrice.html). This contains its own span tags so they will override your changes. Unfortunately there's no much that can be done for that one.

NETQUOTEVAR:PRODUCTNAME should just generate the Product Name text, without any intevening Template sticking in extra code. It's weird that your style isn't being obeyed there. I'll have a further look and get back to you.

[paulbeckett]

Thanks Norman

Just to confirm: the product name and product description that I am trying to change are within the actual pop up (e.g not the area underneath the main product).

[NormanRouxel]

The popup upsell product template (Upsell_AddToCart_ExtendedInfo.html) is very configuarable as it is a completely stand-alone page. There are at least 2 ways.

1) Use existing styles. You can simple change the <span class="actregular">NETQUOTEVAR:PRODUCTNAME</span> and add some <span...> .. </span> around NETQUOTEVAR:PRODUCTDESCRIPTION.
I tested this and it worked OK here.

2) Create your own stylesheet. In Upsell_AddToCart_ExtendedInfo.html, near the top replace

<LINK REL=STYLESHEET HREF="actinic.css">

with

<LINK REL=STYLESHEET HREF="popup.css">

and make a copy of actinic.css called popup.css (in Site1) that you can alter at will to make your popups obey completely different styles.

You might also want to edit Upsell_AddToCart_ExtendedInfo.html to add in some HTML to show shop logo's, informative text, etc. Anything you put above the <FORM name=.....> tag will appear at the top of every page. If you use images that are elsewhere on your site they will appear. Any isolated images may need uploaded via Advanced / Additional Files.

[Ian_W]

Norman - Just to let you know that your live example for this is out of date.