Products by row in related products

[Philatelicos]

Hello,

Sorry my English is not good.

I would like to increase, from 4 to 5, the number of products that are shown per row in the table "related products"

Prestashop 1.7.6

Can anybody help me?

Thanks

Edited August 3, 2021 by Philatelicos (see edit history)

[Shabab]

6 hours ago, Philatelicos said:

Hello,

Sorry my English is not good.

I would like to increase, from 4 to 5, the number of products that are shown per row in the table "related products"

Prestashop 1.7.6

Can anybody help me?

Thanks

Hi, You need to change css for this.

[SmartDataSoft]

@Philatelicos

 

You can put this css in your theme custom.css or using this module  

 

 

.product-accessories .thumbnail-container {

width: 196px;

}

Then related product will look like the image. let us inform you are thinking to show like it.

 

Thank you

[Philatelicos]

3 hours ago, SmartDataSoft said:

@Philatelicos

 

You can put this css in your theme custom.css or using this module  

 

 

.product-accessories .thumbnail-container {

width: 196px;

}

Then related product will look like the image. let us inform you are thinking to show like it.

 

Thank you

Thanks
I have implemented it, but now the lower box where the text and the price appear, is displaced. It is not aligned with the images.
Greetings and thank you very much.

 

[SmartDataSoft]

If you send me the site url via here or personal message i can share you the css . for that

thank you

[Philatelicos]

2 minutes ago, SmartDataSoft said:

If you send me the site url via here or personal message i can share you the css . for that

thank you

Thanks again:

https://philatelicos.com/estuches-para-monedas/8775-estuche-volterra-trio-de-luxe-para-monedas-en-capsulas-quadrum.html 

[SmartDataSoft]

@Philatelicos

add this css it will look like 

 #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{
     width:195px;
 }
 #products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title{
     width:195px;
     /* height: 380px; */
 }
 #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
    width: 195px;

}
#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations{
    width:195px
}
#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description{
    height:100px
}

 

Do not forget to click the like button if the problem solve
Thank you

[Philatelicos]

21 minutes ago, SmartDataSoft said:

@Philatelicos

add this css it will look like 

 #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{
     width:195px;
 }
 #products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title{
     width:195px;
     /* height: 380px; */
 }
 #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
    width: 195px;

}
#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations{
    width:195px
}
#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description{
    height:100px
}

 

Do not forget to click the like button if the problem solve
Thank you

Sorry but it remains the same as the previous image I sent you. With
  the text off-center. Is it necessary to delete the files from the cache?

[Philatelicos]

8 minutes ago, Philatelicos said:

Sorry but it remains the same as the previous image I sent you. With
  the text off-center. Is it necessary to delete the files from the cache?

Fixed, I just had to clear the cache.
Thanks,

[SmartDataSoft]

4 minutes ago, Philatelicos said:

Fixed, I just had to clear the cache.
Thanks,

Glad to know it solved. Please change the title as [solve] and click the like button for the solution