Não sei por que as imagens são tão grandes no tema Dawn, mas não se preocupe. É apenas uma solução fácil.
Nota: Você não pode simplesmente editar as imagens, pois acabará ficando com um grande espaço no lado direito. A largura das informações do produto também deve ser ajustada.
- Vá para sua loja online > Temas > Ações > Editar código
- Vá para a pasta Ativos e abra o arquivo section-main-product.css.
- Encontre o código abaixo
| @media screen e (largura mínima: 990px) { .product:not(.product--no-media):not(.featured-product) .product__media-wrapper { largura máxima: 64%; largura: calc(64% - 1rem/2); } |
4. Altere a largura máxima para 50%
5. Em seguida, encontre o outro código para as informações do produto, veja abaixo
| .product:not(.product--no-media):not(.featured-product) .product__info-wrapper { preenchimento à esquerda: 4rem; largura máxima: 36%; largura: calc(36% - 1rem/2); } |
6. Altere o preenchimento esquerdo para 5rem, largura máxima para 50% e clique em SALVAR
Deixe-me saber se você tem perguntas. Você pode facilmente entrar em contato comigo em "chat conosco" (,)
4 comentários
Awesome videos. I have implemented 2 videos and they both work! TYVM. I’m unemployed at the moment so I have to do all my website work. Your videos are helping me a lot. Thanks again. I subscribed to your channel :) Have a great day.
Jazaki’Allah
Hi @Ayesha. Sorry to hear Let me see your website. You can reach me at Chat with us too
Hi pathfinder, thanks for your very comprehensive tutorial for adding thumbnail sliders to the dawn theme. I followed this carefully but seem to have goofed up and made the amateur mistake of not working on a backup file. Is there anyway you could help me with this pleaseeeeeeeeeee!?