Customização do Tema

[alexsilva 0]

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 May 26, 2018 by alexsilva

[Felipe Miconi 0]

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

 

 

[alexsilva 0]

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.

[alexsilva 0]

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. 

.

 

Segue css e estrutura do tema.

 

Alguma outra dica?