Nosso Blog

Como Personalizar a PÁGINA LOJA do Woocommerce com Elementor

Nesse vídeo ensino a como personalizar a página Loja do woocommerce com elementor pro. Você conseguirá modificar a aparência dos cards dos produtos da página Loja do seu site wordpress + woocommerce + elementor pro. Obtendo uma aparência bonita e agradável para os clientes da loja virtual.

Código CSS utilizado no tutorial:

.woocommerce .oceanwp-grid-list a { display: none; } .woocommerce .oceanwp-toolbar { display: block; padding: 10px 0; border-top: 1px solid #fff; border-bottom: none; margin-bottom: 20px; }

✔️Link citado no vídeo: Como Customizar a página de Minha Conta do Woocommerce com Elementor – https://youtu.be/IBmuxwA1axQ

✔️ Link do nosso site – http://descomplicandosites.com.br/

✔️ Link do vídeo anterior – https://youtu.be/J6kLq39qBG8

✔️Crocoblock elementor – https://bit.ly/JetPlugins

✔️Hospedagem que recomendo: https://bit.ly/HospedagemDeSitesHostg… ☑️ Como Personalizar a PÁGINA LOJA do Woocommerce com Elementor

☑️Compartilhe o vídeo: https://youtu.be/_6oZyFHnTOY

☑️Se inscreva no canal: https://bit.ly/QueroMeInscreverDS Como o nome do canal já indica, minha missão aqui é Descomplicar o processo de criação de sites com wordpress, utilizando zero ou o mínimo de código possível. O construtor de páginas elementor page builder pro é fundamental nessa missão. Além de seus templates, blocos e páginas bonitas disponíveis para a importação e uso, ele permite customizar de uma maneira fácil, muitos outros plugins que antes, para personaliza-los, necessitaria de muita manipulação de código CSS. Como é o caso do woocommerce e o contact 7 que já mostrei aqui no canal. Personalizar woocommerce com elementor nunca foi tão fácil!

Nesse tutorial elementor/woocommerce tutorial, mostro como deixar a página Loja com um layout mais bonito e mais profissional do que o padrão de loja virtual com woocommerce. Mostro como adicionar um banner, como alterar tamanho e cores das imagens, textos, botões, espaçamentos e muito mais. Mostro também a maneira correta de como editar páginas do woocommerce com o elementor, que é criando um modelo para a página pretendida, escolhendo o shortcode, fazendo personalizações e aplicando na página woocommerce pretendida.

☑️Se inscreva e ative o sininho das notificações para ver novos vídeo e dicas sobre WordPress, Elementor e Woocommerce.

Clique aqui: https://bit.ly/QueroMeInscreverDS

📍 Sigam minhas redes sociais

💲 Instagram – https://instagram.com/descomplicando….

💲 Facebook – http://facebook.com/descomplicandosites

Esta gostando do conteúdo? Compartilhe.

Compartilhar no facebook
Compartilhar no whatsapp
Compartilhar no email
Compartilhar no linkedin

Diga-nos o que você achou

Recebe Materiais Exclusivos

Cadastre-se para receber os templates e as minhas  dicas para Elementor, WordPress e Novos Tutoriais. 

Também não gosto de SPAM e prometo manter o teu endereço de e-mail seguro. 

Antes de ir garanta a sua vaga no nosso grupo VIP do Telegram!

E receba materiais exclusivos e em primeira mão.

Não Tem O Telegram No Seu Celular? Faça o Download Agora!