Jump to content

Mensagens Recomendadas

Olá,

 

Estou quebrando a cabeça a alguns dias tentando fazer algo que acredito seja bem simples. 

Adicionei um widget na homepage porém não ficou centralizado. 

Vou mandar alguns prints.

(desktop)

https://ibb.co/fzCBfo

(mobile)

https://ibb.co/m8jk6T

 

Consegui achar essas classes no html mas não consigo encontrar os arquivos para editar.

 

div class block widget block-products-list grid
ol class product-items widget-product-grid

vendor/magento/module-catalog-widget/view/frontend/templates/product/widget/content/grid.phtml

 

O phtml que encontrei não deve ser editado eu acredito, é isso mesmo?

 

Quais arquivos devo editar? Como encontrá-los?

O site está no ar, é www.junios.com.br

 

 

Edited by alexsilva

Share this post


Link to post
Share on other sites

Oi @alexsilva,

O .phtml que você encontrou não deve ser editado por estar na pasta vendor.
Porém se você estiver com um tema instalado (ou quiser criar o seu), você pode mover este arquivo para o seu tema e alterá-lo da forma que você desejar.

Fizemos um vídeo sobre isso, é só clicar aqui para ver.

Quanto ao alinhamento dos itens ao centro, você deve criar um css personalizado e através destas classes que você encontrou, posicionar do jeito que preferir.
Também temos um vídeo sobre como criar seu próprio arquivo de customização, é só clicar aqui que você vai conseguir resolver este problema!

Se tiver alguma dúvida após assistir estes dois vídeos, é só nos avisar.

Um abraço

 

 

Share this post


Link to post
Share on other sites

Olá @Felipe Miconi

Primeiramente muito obrigado. 

Eu assisti ambos os videos. Além disso, estudei bastante a documentação desde a data do post. Consegui entender a lógica de edição de temas e módulos. Minha dificuldade agora é saber qual arquivo devo editar para conseguir centralizar esses produtos na homepage. 

Vou fazer algumas tentativas aqui e mais tarde digo se funcionou.

Um grande abraço.

PS: Façam um curso de magento, seria muito bem vindo.

Share this post


Link to post
Share on other sites

Olá @Felipe Miconi

 

Segui o conteúdo dos vídeos que passou, criei o tema, fiz as alterações. Consegui fazer o custom.css ser lido (Ctrl + U mostrou o custom.css). Porém as edições que faço no css não acontecem no front. (mesmo com "setup:static-content:deploy pt_BR" e "cache:flush")

Segue print do div que quero centralizar. 

.erro3.jpg

 

Segue css e estrutura do tema.

erro4.jpg

 

Alguma outra dica?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Entrar

Already have an account? Sign in here.

Sign In Now

×

Informação Importante

Ao usar este site, você concorda com nossos Termos de Uso (leia).