Disordered and misplaced products in Prestashop 8 modules

[javiray94]

I need your help because I've been on this for hours

I am configuring a website and the modules for popular products, news and these are displayed well but sometimes they are misconfigured and appear vertically and horizontally in different positions.

I have installed other modules of product categories and the same thing happens to them and it happens both in the main one and in the interior of the products.

I have modified the space of the titles so that the ellipses do not appear, in case that were the cause but nothing continues to be misplaced (image: error2)

Help me please. I have Prestashop 8.0.1.

thank you!!

all the best

Javier

Edited March 17, 2023 by javiray94
more information (see edit history)

[endriu107]

Is your theme compatible with PrestaShop 8? I think best option is contact with theme developer.

[javiray94]

8 hours ago, endriu107 said:

Is your theme compatible with PrestaShop 8? I think best option is contact with theme developer.

Thanks for your answer!

Well yes, this theme is compatible with Ps but since it is free it doesn't have support as such, I have to solve it myself and, although I have some knowledge of web programming, this is a bit beyond me, so that's why I was asking for help 

 

Do you have any idea how to fix it?

Thanks!!

[endriu107]

It's hard to tell I don't know that theme. There could be issue with product thumb size or in js carousel code.

[javiray94]

11 hours ago, endriu107 said:

It's hard to tell I don't know that theme. There could be issue with product thumb size or in js carousel code.

 

I understand you, I have checked something, I have looked with the code explorer and I have seen that some crossed out characteristics appear, is this normal? could that be the problem? I have checked and the theme that I use has these same characteristics as the product-featured of the classic theme. and well the question would be how to correct it

[endriu107]

What you give is not enough to help you. Even it is free theme your issue could be a bug that developer couldn't be aware so contact with him is your best option if you want help.

[razaro]

@javiray94

Could you share link to your site?  We could only guess this way.

It would be same as that I told you that solution is display:flex; and not mention to what file or property it applies.

 

[javiray94]

4 hours ago, razaro said:

@javiray94

Could you share link to your site?  We could only guess this way.

It would be same as that I told you that solution is display:flex; and not mention to what file or property it applies.

 

Hello! Thanks for answering. I am really desperate with this problem.

We have removed the maintenance page so you can see it. The url is https://temploarcano.com

The issue we are seeing extends to the product category pages as well but it all seems to be the same issue.

Apparently it is not able to group the products in different columns and for some reason sometimes accumulates them in the same column.

The interesting thing is that the disorder does not always happen in the same places, it seems that it varies as you refresh the page and the products that appear vary. Let's see if together we can achieve it I would be very grateful thank you really, Javi

[endriu107]

Add this code to /themes/amazonas/assets/css/custom.css file in your theme:

.products.grid .product-miniature {
    min-height: 450px;
}

and clear cache in BO and in your browser.

[Nickz]

1 hour ago, endriu107 said:

Add this code to /themes/amazonas/assets/css/custom.css file in your theme:

.products .product-miniature {
    min-height: 450px;
}

and clear cache in BO and in your browser.

Plus the cpanel Nginx Cache I might add

1 hour ago, javiray94 said:

I am really desperate with this problem.

 

[javiray94]

31 minutes ago, endriu107 said:

Add this code to /themes/amazonas/assets/css/custom.css file in your theme:

.products.grid .product-miniature {
    min-height: 450px;
}

and clear cache in BO and in your browser.

Thank you very much for answering : ) I have added the code snippet and cleared the cache, maybe it is a little better in the index but in the inner categories the error continues. but it certainly seems to work somewhat better, solution may be close thank you

[endriu107]

Change my previous code to this one:

.products .product-miniature {
    min-height: 450px;
}
.products.list .product-miniature {
    min-height: auto;
}

 

[javiray94]

13 minutes ago, endriu107 said:

Change my previous code to this one:

.products .product-miniature {
    min-height: 450px;
}
.products.list .product-miniature {
    min-height: auto;
}

 

 

I have made the change! Apparently, within the categories, everything comes out in order, so that's great! But the problem persists on the main page. It seems that product slider is more complicated

[endriu107]

I think in index page issue could be in your products description, just for tests purpose make copy all description of those products for restore it later, and remove it from products.

[javiray94]

26 minutes ago, endriu107 said:

I think in index page issue could be in your products description, just for tests purpose make copy all description of those products for restore it later, and remove it from products.

 

Indeed!! If you go down the index you will see that in the Featured products category it is already sorted I removed the descriptions and now it sorts. Now is it a formatting error when writing the descriptions? or a code problem? How can we solve it?

[endriu107]

Just do not use html marks in description.

[javiray94]

7 minutes ago, endriu107 said:

Just do not use html marks in description.

 

Indeed you are right. My partner copied the descriptions from other websites and pasted them directly and of course they came in an html format. Thank you very much for helping me solve this. Now we can finally finish the job. Thank you very much for your time and for your help!!! hugs, Javi