Quais são as informações adicionais sobre o WooCommerce?
As informações adicionais do WooCommerce são normalmente uma secção na página do produtoque é utilizado para apresentar os atributos do produto e outras informações personalizadas. Esta informação é fundamental para o cliente, especialmente quando estão em causa várias opções de produtos (por exemplo, oTamanho, cor ou material) Quando. As informações adicionais não só ajudam os compradores a tomar decisões de compra informadas, como também melhoram o conteúdo através deOtimização para motores de busca(SEO).
O papel dos atributos
A funcionalidade de atributos do WooCommerce é muito flexível e pode ajudar a definir várias caraterísticas de um produto. Por exemplo, um produto de vestuário pode ter atributos como a cor e o tamanho, enquanto um produto para o lar pode ter de incluir pormenores como o material, o peso, o tamanho, etc. Uma vez definidos estes atributos, aparecerão automaticamente na página do produto na secção "Informações adicionais".
Como adicionar informações adicionais aos produtos do WooCommerce
Método 1: Utilizar as funções incorporadas no WooCommerce
O WooCommerce oferece uma forma simples e direta de adicionar informações adicionais às páginas de produtos. Abaixo estão as etapas para adicionar atributos de produto usando a funcionalidade integrada do WooCommerce:
- Iniciar sessão no backend do WooCommerceNavegue até ao painel de controlo do WordPress e clique em "ofertas".
- Selecionar produtoProcurar o produto que pretende editar e clicar em Editar para aceder à página de edição do produto.
- Procurar a secção "Dados do produto".: Abaixo da descrição principal, encontrar o formulário de dados do produto, no qual selecionar "causalidade"Opções.
- Adicionar propriedades: clique "aumentar", é possível definir novos atributos para o produto, tais como "cor","tamanhos"etc.
- Introduza um nome para a propriedade no campo Nome da propriedade.
- Utilize linhas verticais para separar diferentes valores de atributos, como "Rosa | Azul | Verde".
- Guardar propriedadesAssinalar "visível na página do produto"opções (como nas definições de software de computador)para garantir que estes atributos são apresentados na página de produto de front-end no campo "Informações adicionais".
- Produtos actualizados: clique "atualização" para guardar as alterações ao produto.
Seguindo estes passos, é fácil adicionar as informações adicionais necessárias ao seu produto WooCommerce, e estas informações são automaticamente apresentadas na página do produto na secção "Informações adicionais".
Método 2: Utilização de plug-ins (Advanced Custom Fields - ACF)
Se as propriedades integradas do WooCommerce não satisfizerem as suas necessidades, pode utilizar a opçãoplug-in (componente de software)para alargar a funcionalidade da página do produto. Por exemplo, "Campos personalizados avançados (ACF)"O plugin permite-lhe adicionar e apresentar facilmente mais campos personalizados para o ajudar a apresentar informações mais detalhadas sobre os produtos. Aqui estão os passos exactos:
- Instalar o plug-in ACFPesquisa no repositório de plug-ins do WordPress por "Campos personalizados avançados" e, em seguida, clique em Instalar e ativar o plug-in.
- Criação de grupos de camposNavegar no painel de controlo do WordPress para "ACF"menu, clique em "Adicionar novo grupo de campos".
- Definição de camposCriar novos campos personalizados, tais como texto, imagens, áreas de texto, etc., e para cada campocristão. Por exemplo, pode acrescentar "confecções","Instruções de manutenção" e outros domínios.
- Configuração de regras de visualização: desloque-se para "preparar", selecione as páginas de produtos em que estes campos personalizados devem ser apresentados, quer para todos os produtos, quer condicionalmente com base em categorias, etiquetas, etc.
- Mostrar na página do produtoNa página de edição do produto, verá os campos personalizados e poderá preencher as informações.
- Modificar o modelo do produtoPara que estes campos personalizados sejam apresentados na parte da frente da página do produto, é necessário editar o ficheiro Ficheiros de modelos para WooCommercePor exemplo
produto único.php
e utilizar oo_campo()
para apresentar campos personalizados.
Método 3: Utilizar código personalizado
Se preferir personalizar manualmente as páginas de produtos do WooCommerce, também o pode fazer adicionando o seguinte aofunctions.php
para adicionar código personalizado para conseguir isso. Abaixo estão os passos básicos para adicionar campos personalizados ao seu produto WooCommerce:
- Adicionar campos personalizados a produtos do WooCommerce fazer uso de
add_action()
adiciona um novo campo personalizado à página de edição de produtos do WooCommerce.
add_action( 'woocommerce_product_options_general_product_data', 'add_custom_general_fields' ); function add_custom_general_fields () { woocommerce_wp_text_input( array( 'id' => '_custom_product_text_field', 'label' => __( 'Custom Product Fields', 'woocommerce' ), 'desc_tip' => 'true', ' description' => __( 'Introduzir conteúdo do campo personalizado', 'woocommerce' )); }
- Guardar o valor de um campo personalizado aprovar (um projeto de lei ou uma inspeção, etc.)
woocommerce_process_product_meta
Os ganchos guardam os valores dos campos personalizados.
add_action( 'woocommerce_process_product_meta', 'save_custom_general_fields' ); function save_custom_general_fields( $post_id ) { $custom_field_value = isset( $_POST['_custom_product_text_field'] ) ? sanitize_text_field( $_POST['_custom_product_text_field'] ) : ''; update_post_meta( $post_id, '_custom_product_text_field', $custom_field_value ); }
- Mostrar campos personalizados Edite o modelo de página de produto do WooCommerce usando o
get_post_meta()
para apresentar o valor de um campo personalizado.
<code>ecoar '<div class="custom-field">'; echo '<label>Campos personalizados:</label> '; echo get_post_meta( get_the_ID(), '_custom_product_text_field', true ); echo '</div>';
Como gerir o WooCommerce "Informações adicionais"separador
O separador Informações adicionais no WooCommerce é muito útil para apresentar os detalhes do produto. No entanto, há alturas em que pode ser necessário ajustar a forma como este separador é apresentado, o que diz, ou mesmo removê-lo. Aqui estão algumas ações comuns:
Adicionar texto personalizado ao separador Informações adicionais
Se pretender adicionar algumas ligações ou texto personalizados ao separador Informações adicionais, pode fazê-lo nofunctions.php
O seguinte código é inserido no ficheiro:
<code>add_action( 'woocommerce_product_additional_information', 'print_custom_html' ); function print_custom_html() { echo '<a href="#">点击此处获取更多产品信息</a>'; }
O código encontra-se na secção "Informações adicionais" para adicionar uma ligação clicável, com a possibilidade de personalizar o texto da ligação e o URL de destino, conforme necessário.
Ocultar ou apagar"Informações adicionais"separador
Se não for necessário apresentar informações adicionais para determinados produtos (por exemplo, produtos digitais), pode optar por ocultar ou remover completamente o separador:
- Remover o separador Informações adicionais utilizando PHP:
add_filter( 'woocommerce_product_tabs', 'remove_product_tabs', 98 );
função remove_product_tabs( $tabs ) {
unset( $tabs['additional_information'] );
return $tabs.
}
- Utilize CSS para ocultar o separador Informações adicionais:
li.additional_information_tab {
display: none !important;
}
chegar a um veredito
Ao adicionar eficazmente informações adicionais às páginas de produtos do WooCommerce, pode fornecer aos seus clientes informações mais detalhadas sobre os produtos, melhorar a experiência do utilizador e aumentar o desempenho de SEO das suas páginas de produtos. Quer utilize as funcionalidades integradas do WooCommerce ou definições avançadas através de plugins e código personalizado, pode ajudar a otimizar a apresentação dos seus produtos de acordo com as necessidades da sua loja.