WordPress WooCommerce Pergunta: Código para ativar a lightbox da galeria de imagens etc.

Um usuário perguntou ?

O Woocommerce assumiu a opção de habilitar um recurso lightbox para sua galeria de imagens no início deste ano. Eles têm documentação para adicionar código se você quiser habilitar os recursos da galeria, mas não diz onde.

Esta é uma grande mudança inicial que pode ser dividida em três novos recursos separados; • Zoom/zoom de imagem • Lightbox • Slideshow Para habilitar todos esses recursos em seu tema, você precisa confirmar o suporte com add_theme_support() assim; add_action(‘after_setup_theme’, ‘yourtheme_setup’);

function yourtheme_setup() { add_theme_support(‘wc-product-gallery-zoom’); add_theme_support(‘wc-product-gallery-lightbox’); add_theme_support(‘wc-product-gallery-slider’); } Isso permite a flexibilidade de escolher exatamente quais recursos você deseja incluir/excluir em seu tema ou loja.

Não sou desenvolvedor, não sou desenvolvedor (e vergonha do WC por não fazer isso, os usuários finais podem escolher se querem ou não adicionar código).

Preciso saber onde colocar esse código. Estou usando um tema filho chamado mystile1. Eu tenho arquivos chamados “Theme Functions (function.php)” e um chamado “custom.css” que diz que é especificamente para adicionar código para modificar os estilos de tema do meu filho.

Não sei em qual arquivo devo colocar a codificação acima e onde. Nem todos esses arquivos têm um local chamado “after_setup_theme” Portanto, seria seguro adicionar o código da seguinte maneira em um desses (quais?) arquivos de tema:

add_action(‘after_setup_theme’, ‘mystile1_setup’);

function mystile1_setup() { add_theme_support(‘wc-product-gallery-zoom’); add_theme_support(‘wc-product-gallery-lightbox’); add_theme_support(‘wc-product-gallery-slider’); }

Ou dê boas-vindas a quaisquer outras sugestões.

Obrigado.

(@superkot)

3 anos, 3 meses atrás

Tudo o que você precisa fazer é adicionar isso ao functions.php. Se o seu functions.php tiver caracteres ?> no final, coloque esse código na frente deles.

(@mikejolley)

3 anos, 3 meses atrás

> Não sou desenvolvedor, não sou desenvolvedor (e vergonha do WC por não fazer isso, os usuários finais podem escolher se querem ou não adicionar código).

Por que habilitar um recurso que não está estilizado em seu tema? Ou isso entra em conflito com as galerias temáticas? Isso seria pior – a visualização padrão pode não ter uma caixa de luz, mas pelo menos parece ‘correta’

Eu não acho que ‘mystile’ será atualizado mais. Você pode ver a vitrine da loja que suporta isso ou um tema de WC de outro fornecedor.

(@lorro)

3 anos, 3 meses atrás

O melhor caminho a seguir, como Mike diz, é mover seu site para um tema compatível com WooCommerce 3+ que seja atualizado regularmente. Essa abordagem é especialmente adequada para um desenvolvedor.

Se você quiser manter seu tema atual, você pode encontrar um código útil e um artigo de código aqui:

Você pode usar o plugin “My Custom Functions” para o código php. Ele não aceitará nada que não seja um código válido. CSS personalizado pode ser inserido em: Painel > Aparência > Personalizar > CSS Adicional

Solução de problemas adicional pode ser necessária e, portanto, não é uma abordagem de baixo peso.

(@tangerina3)

3 anos, 3 meses atrás

Obrigado pelas respostas; para Mike: A razão pela qual eu quero fazer isso é que quando eu uso a galeria padrão com o WC minhas imagens da galeria são enormes 300×300 e eu ajustei os tamanhos das miniaturas para torná-las menores no mystile1 theme show product WC and WP media e regenerado tudo as miniaturas, mas aparece abaixo da imagem do produto individual como grande. Também instalei um plugin chamado wooswipe e isso funcionaria, mas escureceria as imagens quando um cliente clicasse na imagem da galeria, ele a colocaria no quadro do produto individual, mas ficaria escuro. Acho que foi porque o plugin estava mudando as imagens na galeria para cerca de 90×90 e então quando a imagem subiu para a caixa do produto aumentou para 300×300 e ficou embaçada. É por isso que estou testando isso agora.

Abaixo está o que está no meu arquivo functions.php. você colocaria o código no topo em novos parênteses? ou para baixo na seção que diz: `/ * ———————————————————————————– * / / * Você pode adicionar funções personalizadas abaixo * / / * ——————————————————————————*

function mystile1_setup() { add_theme_support(‘wc-product-gallery-zoom’); add_theme_support(‘wc-product-gallery-lightbox’); add_theme_support(‘wc-product-gallery-slider’); }?> `__________________

REVISÃO DE “MINHAS FUNÇÕES.PHP FILE”

<?php
// File Security Check
if ( ! empty( $_SERVER['SCRIPT_FILENAME'] ) && basename( __FILE__ ) == basename( $_SERVER['SCRIPT_FILENAME'] ) ) {
    die ( 'You do not have sufficient permissions to access this page!' );
}
?>
<?php

/*-----------------------------------------------------------------------------------*/
/* Start WooThemes Functions - Please refrain from editing this section */
/*-----------------------------------------------------------------------------------*/

// Define the theme-specific key to be sent to PressTrends.
define( 'WOO_PRESSTRENDS_THEMEKEY', 'zdmv5lp26tfbp7jcwiw51ix9sj389e712' );

// WooFramework init
require_once ( get_template_directory() . '/functions/admin-init.php' );

/*-----------------------------------------------------------------------------------*/
/* Load the theme-specific files, with support for overriding via a child theme.
/*-----------------------------------------------------------------------------------*/

$includes = array(
				'includes/theme-options.php', 			// Options panel settings and custom settings
				'includes/theme-functions.php', 		// Custom theme functions
				'includes/theme-actions.php', 			// Theme actions & user defined hooks
				'includes/theme-comments.php', 			// Custom comments/pingback loop
				'includes/theme-js.php', 				// Load JavaScript via wp_enqueue_script
				'includes/sidebar-init.php', 			// Initialize widgetized areas
				'includes/theme-widgets.php',			// Theme widgets
				'includes/theme-install.php',			// Theme installation
				'includes/theme-woocommerce.php'		// WooCommerce options
				);

// Allow child themes/plugins to add widgets to be loaded.
$includes = apply_filters( 'woo_includes', $includes );

foreach ( $includes as $i ) {
	locate_template( $i, true );
}

/*-----------------------------------------------------------------------------------*/
/* You can add custom functions below */
/*-----------------------------------------------------------------------------------*/

// CUSTOM FUNCTION ADDED TO ADDRESS LACK OF ADD-TO-CART BUTTONS ON VARIABLE ITEMS
// AS DOCUMENTED AT: 
function mv_my_theme_scripts()
{
wp_enqueue_script('add-to-cart-variation', get_template_directory_uri() . '/js/add-to-cart-variation.js',array('jquery'),'1.0',true);
}
add_action('wp_enqueue_scripts','mv_my_theme_scripts');

/*-----------------------------------------------------------------------------------*/
/* Don't add any code below here or the sky will fall down */
/*-----------------------------------------------------------------------------------*/
?>

(@fernashes)

Engenheiro Automóvel Felicidade

3 anos, 2 meses atrás

Você deve inserir o código abaixo da linha, pois diz “add_action”.

Se você não se sente confortável trabalhando com o arquivo functions.php, sugira usar o seguinte plugin para gerenciar seus botões:

(@fernashes)

Engenheiro Automóvel Felicidade

3 anos, 1 mês atrás

Não temos notícias suas há algum tempo, então vou marcar isso como uma solução. Se você tiver outras dúvidas, poderá iniciar uma nova conversa.

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *