cancel
Showing results for 
Search instead for 
Did you mean: 

Como exibir 4 produtos em uma coluna na página do produto

SOLVED

Como exibir 4 produtos em uma coluna na página do produto

Pessoal, estou tendo dificuldade para exibir exibir 4 produtos em uma coluna na página do produto. Ele só mostra 3 e quarto ele desce.Capture.jpgJá ajustei no backend e não da certo nesse versão 2.3.0.

Desde já agradeço atenção de todos.

Rodrigo.

7 ACCEPTED SOLUTIONS

Accepted Solutions

Re: Como exibir 4 produtos em uma coluna na página do produto

Hi @rodrigodelolo 

Can you share the public url?


View solution in original post

Re: Como exibir 4 produtos em uma coluna na página do produto

Re: Como exibir 4 produtos em uma coluna na página do produto

Hi @rodrigodelolo 

 

I got the image.

 

There is some css issue with it.

 

Can you share website url, so I can help you better? 

View solution in original post

Re: Como exibir 4 produtos em uma coluna na página do produto

Re: Como exibir 4 produtos em uma coluna na página do produto

Hi @rodrigodelolo 

 

Change the following css

media="screen and (min-width: 768px)"
@media (min-width: 1024px), print
.page-products .products-grid .product-item {
    margin-left: calc((100% - 4 * 24.439%) / 3);
    padding: 5px;
    width: 24.439%;
}

to

media="screen and (min-width: 768px)"
@media (min-width: 1024px), print
.page-products .products-grid .product-item {
    margin-left: 2px;
    padding: 5px;
    width: 24.439%;
}

margin-left: calc((100% - 4 * 24.439%) / 3); is creating issue.

After above css change it is showing fine.


Screenshot from 2020-03-14 07-39-30.png

I hope it will help you!

View solution in original post

Re: Como exibir 4 produtos em uma coluna na página do produto

Olá, Vimal Kumar

Primeiramente quero agradecer as suas respostas.


Eu fiz a alteração no arquivo styles-l.css só que o magento não assume o arquivo novo.

 

Ele não altera... ele não lê o arquivo novo.

 

Obrigado, por enquanto.

 

 

View solution in original post

Re: Como exibir 4 produtos em uma coluna na página do produto

Hi @rodrigodelolo 

 

Great..glad to know that it is working fine.

View solution in original post

8 REPLIES 8

Re: Como exibir 4 produtos em uma coluna na página do produto

Hi @rodrigodelolo 

Can you share the public url?


Re: Como exibir 4 produtos em uma coluna na página do produto

Capture.jpg

Re: Como exibir 4 produtos em uma coluna na página do produto

Hi @rodrigodelolo 

 

I got the image.

 

There is some css issue with it.

 

Can you share website url, so I can help you better? 

Re: Como exibir 4 produtos em uma coluna na página do produto

Re: Como exibir 4 produtos em uma coluna na página do produto

Hi @rodrigodelolo 

 

Change the following css

media="screen and (min-width: 768px)"
@media (min-width: 1024px), print
.page-products .products-grid .product-item {
    margin-left: calc((100% - 4 * 24.439%) / 3);
    padding: 5px;
    width: 24.439%;
}

to

media="screen and (min-width: 768px)"
@media (min-width: 1024px), print
.page-products .products-grid .product-item {
    margin-left: 2px;
    padding: 5px;
    width: 24.439%;
}

margin-left: calc((100% - 4 * 24.439%) / 3); is creating issue.

After above css change it is showing fine.


Screenshot from 2020-03-14 07-39-30.png

I hope it will help you!

Re: Como exibir 4 produtos em uma coluna na página do produto

Olá, Vimal Kumar

Primeiramente quero agradecer as suas respostas.


Eu fiz a alteração no arquivo styles-l.css só que o magento não assume o arquivo novo.

 

Ele não altera... ele não lê o arquivo novo.

 

Obrigado, por enquanto.

 

 

Re: Como exibir 4 produtos em uma coluna na página do produto

Meu amigo deu certo, faltava limpar o cache.

Re: Como exibir 4 produtos em uma coluna na página do produto

Hi @rodrigodelolo 

 

Great..glad to know that it is working fine.