Jump to content
Magento é no Mestre Magento

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Convidado
Responder esse tópico...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Informação Importante

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