[SOLVED] On product page, Products Category module overlaps on the right column modules

[Peda]

Hi,

Prestashop 1.4.5.1 and New prestashop template 1.5

On product page, Products Category (Display products of the same category on the product page) module, overlaps on the right column modules.

 

Thanks for your help in advance

 

[Carolina Custom Designs]

Looks like you need to set 'overflow' to 'hidden'. If you can provide an actual URL I can better access your problem.

 

Marty Shue

[Peda]

Hi Mr. Marty,

Thank you for the fast reply.

I saw a thread a few hours ago, you solved a friends similar problem.

I think new ps template 1.4.5 have lots of mistakes. For instance, the top menu, when mouse over on the menu, subcategories are scrolling down and overlap on the other modules in internet explorer. You can see it in my top menu "Vehicles"

Whatever, you can check the problem on my site from the following address:

 

http://www.orijinalotoyedekparca.com/en/renault-clio/8787-turbo-hortumu-donanimli-6211.html

 

Thanks in advance

[Carolina Custom Designs]

Simply add the following code to themes>prestashop_new>css>modules>productscategory>productscategory.css

 

#productscategory{
overflow:auto;
}

 

This will allow users to scroll through the items. If you don't want them to be able to scroll just change "auto" to "hidden". This will solve your problem.

 

I looked at the page you referenced in IE9 and you have some issues with your top menu Basically, it is all messed up. It can be fixed though. You might want to have a look at it.

 

Hope this helps!

 

Marty Shue

[Peda]

Thats it, thank you very much dear Marty.

 

And about the top menu overlap, I read a thread that says;

Try with this code in superfish-modified.css(around line 14)

 

.sf-menu, .sf-menu * {

list-style:none outside none;

margin:0;

padding:0;

z-index:9999;

}

 

I try this in different combinations, but I could not corrected the menu overlap, no success.

Do you have an idea about this, what to change or add in the superfish-modified.css file if the problem solves from this .css file.

[Carolina Custom Designs]

The problem I see in IE9 cannot be correct by adding this simple code. Here is a screenshot of your store in IE9. Notice the menu at the top of the page around the logo. It gets worse if you go to the homepage and click on a menu item under 'Vehicles'.....the menu stays open and scrolls down the page a very long way.

 

 

This will involve more than just pasting some code in superfish-modified.css.

 

Marty Shue

[Peda]

Ok thank you dear friend.

[DaggaTora]

Hi and thanks Marty for the solution for scrolling products category, but... why there is a prev and next button? I have the same problem than Peda but I would prefer to use the buttons because they are cleaner.

 

<a href="javascript:{}" title="Previous" id="productscategory_scroll_left" style="cursor: pointer; opacity: 1;">Previous</a>

 

 

Do you know why this doesn't work? no href.

 

Thanks again.

[jonny1985]

Solved the problem of overflow but the bouton nex and previous don't work if you have more 5 products, no?

[Snade]

bump. same problem with the same theme.

<a id="productscategory_scroll_left" href="javascript:{}" title="Previous" style="cursor: default; opacity: 0;">Previous</a>

empty href, but why ?!

 

 

@peda - with the overflow:auto, your problem(and ours too) is half fixed. Still the prev and next buttons doesnt work. Please, remove the [solved] so someone can help us(and you) out.

 

thanks

[Snade]

Ok, problem solved.

It seems like the 1.5 theme for 1.4.5.1 comes with own css for products category module.

But that css is not enough for the module to work properly.

 

In order the module to work, you need to delete his css file in the theme(/themes/prestashop_new/css/modules/productscategory), leaving the original css from the module.

 

 

You dont need to add overflow: auto

[jonny1985]

Thanks, now works ok

[DaggaTora]

Now it is solved!

 

thanks Snade!

[Peda]

Thanks Snade, yes now it solved

[preerp10]

hallelujah!

 

I've been looking for the very well tucked away productscategory code for days.

 

Thanks Marty! That fixed my problem too.