Product title on two lines

[tappa]

Hiya,

I am having trouble getting the product titles on my store to display correctly in the basket:

http://s108586573.websitehome.co.uk/...hop/index.html

I am wanting the title to go on two lines (main product title, then sub title), I have managed to do this in the product pages using a <p/> but this <p/> gets displayed in the basket as well as the full title (see attached JPGs)





Any ideas on how to get rid of the <p/> in the basket anyone?
Or is there a better way of getting the product title to go on two lines?

Thanks!

[JSnow]

Try replacing the <p/> with <br />

[tappa]

Thanks for the speedy response, have tried <br/> but get the same result... this is what I'm doing with the title at the moment:

Cleansing Balm!!<<p>>!!dry/sensitive

[tappa]

No luck with Cleansing Balm!!<<br />>!!dry/sensitive, get the same result in the basket...

[Duncan Rounding]

Maybe consider having the second line info as a custom var configured at product level and inserted into your layout with blockifs to show if not null. Your basket will only show the product description (first line) then of course but your page can be designed to show it how you want.

[tappa]

I'm version 8 so will try the customvar, if I can figure out how to do that!

[peblaco]

If you go to Design Library then Variables right click on an existing one copy and change it.

[tappa]

Ok, I'm a bit thick, could you explain in a little more detail please Peblaco?

[tappa]

I get error code: Varible '<actinic:varible name=' is not defined. (2 times)

What have I gone and not done?

[peblaco]

Maybe you don't have the full name in the code. Check the layout, should be: <Actinic:Variable Name="ProductTitle"/> As a suggestion you could add checkout links top right.

[tappa]

Brilliant!!!! Thanks so much and i apologise for my non-coding brain...

[tappa]

Ah yes, good idea, any other suggestions kindly welcome... I may have more questions too if you don't mind...

[gabrielcrowe]

Javascript solution:

in your products name, use this as a divider: " | "

thats [space][pipe][space]

surround your product description in a span:

<span id="<actinic:variable name="ProductRef" />title"><actinic:variable name="ProductName"/></span>

then just after the products name, in your produclt template, do this:

<script type="text/javascript">
//PSUDOCODE not actually tested.
var str=document.getElementById('<actinic:variable name="ProductRef" />title').innerHTM
str=(str.replace(' | ', "<br>"))
document.getElementById('<actinic:variable name="ProductRef" />title').innerHTM = str
</script>

ok, it'll need some work, but basically, all this does is replace the pipe and spaces in the product description with a line break, but only in the product page. in the cart, you still get the pipe.

[leehack]

Neat trick Gabe, like it.

[TraceyHand]

ooh Gabe..I like that idea!!
I've bookmarked it to try later