[SOLVED] Text overlapping on product list page

[[email protected]]

I've been having this problem, where some product's description is changing positions and overlapping the price on product list pages.

The problem is only occurring with a handful of products, but is rather annoying.

 

I've attached a picture that shows how it should look, and how it shouldn't look.

 

 

 

Advance thanks for any help at all!

 

Regards

[vekia]

hello

 

it is possible to share your website url?

it looks like simple css issue and it can be fixed with little modification of css 

but to be sure, i need an access to the store (front office only)

[[email protected]]

No problem

The url is heildsala.actus.is

[vekia]

it's because text: ACHUSBMOBILEDUAL is to long to place it there where you want.

this is reference number?

if i were you i will add to this element style: overflow:hidden;

[[email protected]]

Yes, that's the reference number.

How exactly do I do that?

[vekia]

open product-list.tpl file

there, where you've got 

{$product->reference}

add:

 

<span class="spanreference">{$product->reference}</span>

 

then in global css style create code:

 

.spanreference {
width: 100px;
display: block;
overflow: hidden;
}

[[email protected]]

I'm sorry if I sound incredibly ignorant, but where in the global.css file do I create the code?

[vekia]

ohh your theme use different file, in this case just paste code to the: http://heildsala.actus.is/themes/default/css/cleantheme.css file

[[email protected]]

Nothing appears to be happening, whether I create the code in global.css or cleantheme.css..

Do I need to do something afterwards to reset to the new code?

 

Thank you so much for your help!

[vekia]

i checked sources of your store and there is still the same code:

 

have you modified .tpl file too as i suggested above? if so, please turn on force compilation and clear shop cache

[[email protected]]

Everything is as it should be, still no luck

[vekia]

but your reference code isn't inside this <span> and it must be there

 

can you show contents of your product.tpl file please? i will inspect it 

[[email protected]]

It's finally there!

I didn't realize I had to put the reference code inside the <span> code.

Thank you so much for your help

 

Regards

[vekia]

yeah im so glad that it works now!

btw. Icelandic music is amazing next year, in the summer I will visit this beautiful island!
tickets already booked

 

Thread marked as solved

with regards,

Milos

[[email protected]]

Wow, awesome!

You should definitely hit me up when you get here, I play in a local band and am very familiar with the underground music scene