SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Com 30.510.940 downloads, o
WooCommerce atribui mais de
28% de todas as lojas online.
Douglas Rangel
Formado em sistemas de informações pela Estácio.
WebMaster na empresa Resulttado.
2
Assistente de Configuração
3
• Página de Instalação
• Localização da Loja
• Entrega & Taxas
• Pagamentos
Principais Características
• Catálogo de Produtos
• Impostos & Taxas
• Pagamentos
• Entrega e Logística
• Relatórios
4
Emails
• Nome do remetente (sua loja),
• Email do remetente
• Realizar alterações nos modelos de e-mail padrão
• Inserir imagem/logo para o e-mail
• Inserir texto para o rodapé
• Escolher cores que combinem com a arte da sua
identidade visual
5
Integrando tema WordPress com
WooCommerce
Usando Hooks
• Insira algumas linhas no seu arquivo ‘functions.php’.
• Primeiro remova o hook do Wrapper WooCommerce:
remove_action( 'woocommerce_before_main_content',
'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content',
'woocommerce_output_content_wrapper_end', 10);
6
Integrando tema WordPress com
WooCommerce
Agora insira o hook no seu arquivo ‘functions.php’.
add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10);
add_action('woocommerce_after_main_content', 'my_theme_wrapper_end', 10);
function my_theme_wrapper_start() {
echo '<section id="main">';
}
function my_theme_wrapper_end() {
echo '</section>';
} 7
Integrando tema WordPress com
WooCommerce
Declarando suporte ao WooCommerce.
add_action( 'after_setup_theme', 'woocommerce_support' );
function woocommerce_support() {
add_theme_support( 'woocommerce' );
}
8
Integrando tema WordPress com
WooCommerce
Estrutura básica de um Template
Na pasta /woocommerce/templates/ você encontrará a estrutura do front-end da
loja, bem como os templates para e-mail marketing do seu projeto.
Duplique o arquivo desejado e salve na pasta nomedoseutema/woocommerce/
9
Shortcodes Padrão
• [woocommerce_cart] – Página de carrinho.
• [woocommerce_checkout] – Página de checkout (finalizar compra).
• [woocommerce_pay] – Página de finalizar pagamento.
• [woocommerce_thankyou] – Página de pedido recebido.
• [woocommerce_my_account] – Conta do usuário.
• [woocommerce_edit_address] – Página de edição de endereço do usuário.
• [woocommerce_view_order] – Visualização de pedido.
• [woocommerce_change_password] – Página de modificação de senha
• [woocommerce_lost_password] – Página de senha perdida.
10
Shortcodes Opcionais
• [recent_products per_page=”12″ columns=”4″]
• [featured_products per_page=”12″ columns=”4″]
• [product id=”99″] ou [product sku=”FOO”]
• [products ids=”1, 2, 3, 4, 5″] ou [products skus=”foo, bar, baz”]
• [add_to_cart id=”99″]
• [product_page id=”99″] ou [product_page sku=”FOO”]
• [product_category category=”tecnologia”]
11
12
OBRIGADO!
Dúvidas?
Você pode me encontrar em
(81)98626-7554 & atendimento@douglasrangel.com

Weitere ähnliche Inhalte

Ähnlich wie Woocommerce - 8º meeupt PHP Pernambuco

MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...
MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...
MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...
InCuca
 

Ähnlich wie Woocommerce - 8º meeupt PHP Pernambuco (20)

Release notes versão 2.6
Release notes versão 2.6Release notes versão 2.6
Release notes versão 2.6
 
Workshop Magento
Workshop MagentoWorkshop Magento
Workshop Magento
 
Treinamento E-commerce Softagon
Treinamento E-commerce SoftagonTreinamento E-commerce Softagon
Treinamento E-commerce Softagon
 
Treinamento E-commerce da Softagon para clientes
Treinamento E-commerce da Softagon para clientesTreinamento E-commerce da Softagon para clientes
Treinamento E-commerce da Softagon para clientes
 
Magento Gerencimento e Customização de Temas
Magento Gerencimento e Customização de TemasMagento Gerencimento e Customização de Temas
Magento Gerencimento e Customização de Temas
 
Construindo uma Plataforma de Website as a Service (WaaS) com WordPress Multi...
Construindo uma Plataforma de Website as a Service (WaaS) com WordPress Multi...Construindo uma Plataforma de Website as a Service (WaaS) com WordPress Multi...
Construindo uma Plataforma de Website as a Service (WaaS) com WordPress Multi...
 
Oracle iStore - Apresentação 2016
Oracle iStore - Apresentação 2016Oracle iStore - Apresentação 2016
Oracle iStore - Apresentação 2016
 
Dreamweaver aula 1
Dreamweaver aula 1Dreamweaver aula 1
Dreamweaver aula 1
 
Por que usar o WordPress - Conceitos e Aplicações
Por que usar o WordPress - Conceitos e AplicaçõesPor que usar o WordPress - Conceitos e Aplicações
Por que usar o WordPress - Conceitos e Aplicações
 
Release notes - Versão 110
Release notes - Versão 110Release notes - Versão 110
Release notes - Versão 110
 
Recursos de seo
Recursos de seoRecursos de seo
Recursos de seo
 
Proposta Rei da hospedagem
Proposta Rei da hospedagemProposta Rei da hospedagem
Proposta Rei da hospedagem
 
Versão 1.52
Versão 1.52Versão 1.52
Versão 1.52
 
MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...
MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...
MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...
 
Dicas simples de como deixar o admin do wordpress com a cara do seu cliente
Dicas simples de como deixar o admin do wordpress com a cara do seu clienteDicas simples de como deixar o admin do wordpress com a cara do seu cliente
Dicas simples de como deixar o admin do wordpress com a cara do seu cliente
 
Webinar Magento Commerce
Webinar Magento Commerce Webinar Magento Commerce
Webinar Magento Commerce
 
Gestão de Lojas com Magento
Gestão de Lojas com MagentoGestão de Lojas com Magento
Gestão de Lojas com Magento
 
Versão 1.48
Versão   1.48Versão   1.48
Versão 1.48
 
Evolutiva Digital e Fastcommerce - Criação de Lojas Virtuais
Evolutiva Digital e Fastcommerce - Criação de Lojas VirtuaisEvolutiva Digital e Fastcommerce - Criação de Lojas Virtuais
Evolutiva Digital e Fastcommerce - Criação de Lojas Virtuais
 
WordPress
WordPressWordPress
WordPress
 

Woocommerce - 8º meeupt PHP Pernambuco

  • 1. Com 30.510.940 downloads, o WooCommerce atribui mais de 28% de todas as lojas online.
  • 2. Douglas Rangel Formado em sistemas de informações pela Estácio. WebMaster na empresa Resulttado. 2
  • 3. Assistente de Configuração 3 • Página de Instalação • Localização da Loja • Entrega & Taxas • Pagamentos
  • 4. Principais Características • Catálogo de Produtos • Impostos & Taxas • Pagamentos • Entrega e Logística • Relatórios 4
  • 5. Emails • Nome do remetente (sua loja), • Email do remetente • Realizar alterações nos modelos de e-mail padrão • Inserir imagem/logo para o e-mail • Inserir texto para o rodapé • Escolher cores que combinem com a arte da sua identidade visual 5
  • 6. Integrando tema WordPress com WooCommerce Usando Hooks • Insira algumas linhas no seu arquivo ‘functions.php’. • Primeiro remova o hook do Wrapper WooCommerce: remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10); remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10); 6
  • 7. Integrando tema WordPress com WooCommerce Agora insira o hook no seu arquivo ‘functions.php’. add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10); add_action('woocommerce_after_main_content', 'my_theme_wrapper_end', 10); function my_theme_wrapper_start() { echo '<section id="main">'; } function my_theme_wrapper_end() { echo '</section>'; } 7
  • 8. Integrando tema WordPress com WooCommerce Declarando suporte ao WooCommerce. add_action( 'after_setup_theme', 'woocommerce_support' ); function woocommerce_support() { add_theme_support( 'woocommerce' ); } 8
  • 9. Integrando tema WordPress com WooCommerce Estrutura básica de um Template Na pasta /woocommerce/templates/ você encontrará a estrutura do front-end da loja, bem como os templates para e-mail marketing do seu projeto. Duplique o arquivo desejado e salve na pasta nomedoseutema/woocommerce/ 9
  • 10. Shortcodes Padrão • [woocommerce_cart] – Página de carrinho. • [woocommerce_checkout] – Página de checkout (finalizar compra). • [woocommerce_pay] – Página de finalizar pagamento. • [woocommerce_thankyou] – Página de pedido recebido. • [woocommerce_my_account] – Conta do usuário. • [woocommerce_edit_address] – Página de edição de endereço do usuário. • [woocommerce_view_order] – Visualização de pedido. • [woocommerce_change_password] – Página de modificação de senha • [woocommerce_lost_password] – Página de senha perdida. 10
  • 11. Shortcodes Opcionais • [recent_products per_page=”12″ columns=”4″] • [featured_products per_page=”12″ columns=”4″] • [product id=”99″] ou [product sku=”FOO”] • [products ids=”1, 2, 3, 4, 5″] ou [products skus=”foo, bar, baz”] • [add_to_cart id=”99″] • [product_page id=”99″] ou [product_page sku=”FOO”] • [product_category category=”tecnologia”] 11
  • 12. 12 OBRIGADO! Dúvidas? Você pode me encontrar em (81)98626-7554 & atendimento@douglasrangel.com