Pergunta sobre PPOM para WooCommerce por WordPress: Acordeão para Imagens

Um usuário perguntou ?

Existe uma maneira de abri-lo para que os campos PPOM na página do produto sejam abertos por uma ação sanfonada? Quando um produto tem muitos campos (especialmente com imagens), a página pode ficar lotada. Seria ótimo poder exibir seções até que o comprador queira vê-las.

(@brozra)

1 ano, 8 meses atrás

Você pode usar as instruções condicionais incorporadas com base nas seleções do usuário (OR) Você pode comprar a versão PRO e adicionar o código à função do campo suspenso

(Ou) você pode escrever seu próprio script personalizado usando JavaScript ou jQuery.

lançador de tópicos

(@jkwalz)

1 ano, 8 meses atrás

Eu tenho a versão pro e funcionou perfeitamente!

(@brozra)

1 ano, 8 meses atrás

Fico feliz em poder ajudar! Favor favorecer @nmedia e marcar este tópico como resolvido.

lançador de tópicos

(@jkwalz)

1 ano, 8 meses atrás

Pergunta rápida: você sabe se existe uma maneira de gastar a primeira parte por padrão?

(@brozra)

1 ano, 8 meses atrás

Por padrão, os campos PPOM se expandem para o topo.

Você pode tentar não adicionar um campo HTML antes de exibir os campos desejados, embora perca a tag exibida.

Se você quiser manter a tag HTML, você pode adicionar algum JavaScript e adicionar a classe “active” na primeira etapa.

Algo assim:


jQuery(function($){
$("h4.ppom-collapsed-title:eq(0)").addClass("active").ziehharmonika('open', settings.scroll);
});

Observe que isso não foi testado, mas é aí que começo depois de examinar o código-fonte da demonstração.

(@brozra)

1 ano, 8 meses atrás

Ok, eu tentei e não funcionou, mas funcionou!


$(document).ready(function(){
	$("h4.ppom-collapsed-title:eq(0)").addClass("active");
	$(".ppom-section-collapse > div.collapsed-child:eq(0)").css("display","block");
});

(@brozra)

1 ano, 8 meses atrás

E aqui está mais algumas implementações para alterar o sinal “+” para “-” no carregamento da página.


jQuery(function($){
	$(document).ready(function(){
		$("h4.ppom-collapsed-title:eq(0)").addClass("active").children("div.collapseIcon").html("-");
		$(".ppom-section-collapse > div.collapsed-child:eq(0)").css("display","block");
	});
});

lançador de tópicos

(@jkwalz)

1 ano, 8 meses atrás

Obrigado! Você adicionaria esse código? No arquivo de funções do tema do tema filho?

(@brozra)

1 ano, 8 meses atrás

Sim. Adicione isto ao arquivo functions.php do seu tema:


/**
 * Automatically expand the first PPOM collapsible field label and associated child component on page load
 */
function ppom_collapse_fields_override(){ ?>
<script type="text/javascript">
jQuery(function($){
	$(document).ready(function(){
		$("h4.ppom-collapsed-title:eq(0)").addClass("active").children("div.collapseIcon").html("-");
		$(".ppom-section-collapse > div.collapsed-child:eq(0)").css("display","block");
	});
});</script>
<?php } add_action('wp_footer', 'ppom_collapse_fields_override');

lançador de tópicos

(@jkwalz)

1 ano, 8 meses atrás

Obrigado por toda a sua ajuda, eu aprecio isso. Eu recebo este erro:

Erro de análise: erro de sintaxe, inesperado ‘?’ em /home/custom68/public_html/wp/wp-content/themes/shopkeeper-child/functions.php na linha 20

Tem algo que preciso mudar no código?

lançador de tópicos

(@jkwalz)

1 ano, 8 meses atrás

NVM: erro do usuário. Não consigo nem copiar e colar sem configurar algo!

lançador de tópicos

(@jkwalz)

1 ano, 8 meses atrás

Sério, obrigado por sua ajuda. Essa configuração torna o plugin muito mais útil.

(@brozra)

1 ano, 8 meses atrás

Sem problemas @jkwalz. Desejando ajudar.

(@nmedia)

1 ano, 8 meses atrás

Olá,

Fico feliz em ver que o problema foi resolvido, obrigado @brozra ?

(@jensderknipser)

1 ano, 6 meses atrás

Oi brozra, você sabe se existe um guia passo a passo de como montar parques caídos? As capturas de tela no site deste plugin não me explicam… Estou usando a versão PRO.

Obrigado antecipadamente por seu conselho, Jens

Esta resposta foi modificada há 1 ano e 6 meses.

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 *