Pregunta sobre PPOM for WooCommerce de Wordpress:

Acordeón para imágenes

Un usuario preguntó 👇

¿Hay alguna forma de hacerlo abierto para que los campos PPOM en la página del producto se abran mediante la acción de un acordeón? Cuando un producto tiene muchos campos (especialmente con imágenes), la página puede llenarse de gente. Sería genial poder desplegar secciones hasta que el comprador quiera verlas.

(@brozra)

Hace 1 año, 8 meses

Puede usar las declaraciones condicionales integradas basadas en las selecciones del usuario (O) Puede comprar la versión PRO y agregar el código a la función del campo desplegable
https://najeebmedia.com/blog/ppom-fields-collapse/
(O) puede escribir su propio script personalizado usando JavaScript o jQuery.

Lanzador de hilos

(@jkwalz)

Hace 1 año, 8 meses

¡Tengo la versión pro y funcionó perfectamente!

(@brozra)

Hace 1 año, 8 meses

¡Me alegro de haber podido ayudar! Favor de favorecer a @nmedia y marcar este tema como resuelto.

Lanzador de hilos

(@jkwalz)

Hace 1 año, 8 meses

Pregunta rápida: ¿sabe si hay una forma de gastar la primera parte de forma predeterminada?

(@brozra)

Hace 1 año, 8 meses

De forma predeterminada, los campos de PPOM se expanden hacia arriba.

Puede intentar no agregar un campo HTML antes de mostrar los campos que desea, aunque perdería la etiqueta mostrada.

Si desea mantener la etiqueta HTML, puede agregar algo de JavaScript y agregar la clase «activa» al primer paso.

Algo como esto:


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

Tenga en cuenta que esto no está probado, pero ahí es donde empiezo después de mirar el código fuente de la demostración.

(@brozra)

Hace 1 año, 8 meses

De acuerdo, lo probé y no funcionó, ¡pero funcionó!


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

(@brozra)

Hace 1 año, 8 meses

Y aquí hay un poco más de implementación para cambiar el signo «+» a «-» al cargar la 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");
	});
});

Lanzador de hilos

(@jkwalz)

Hace 1 año, 8 meses

¡Gracias! ¿Agregaría ese código? ¿En el archivo de funciones del tema del tema hijo?

(@brozra)

Hace 1 año, 8 meses

Sí. Agregue esto al archivo functions.php de su 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');

Lanzador de hilos

(@jkwalz)

Hace 1 año, 8 meses

Gracias por toda tu ayuda, te lo agradezco. Recibo este error:

Error de análisis: error de sintaxis, inesperado ‘?’ en /home/custom68/public_html/wp/wp-content/themes/shopkeeper-child/functions.php en línea 20

¿Hay algo que deba cambiar en el código?

Lanzador de hilos

(@jkwalz)

Hace 1 año, 8 meses

NVM: error de usuario. ¡Ni siquiera puedo copiar y pegar sin configurar algo!

Lanzador de hilos

(@jkwalz)

Hace 1 año, 8 meses

En serio, gracias por tu ayuda. Este ajuste hace que el plugin sea mucho más útil.

(@brozra)

Hace 1 año, 8 meses

No hay problema @jkwalz. Deseando ayudar.

(@nmedia)

Hace 1 año, 8 meses

Hola,

Me alegra ver que ese problema se resolvió, gracias @brozra 🙂

(@jensderknipser)

Hace 1 año, 6 meses

Hola brozra, ¿sabes si hay una guía paso a paso sobre cómo configurar parques caídos? Las capturas de pantalla en el sitio web de este plugin no me explican … Estoy usando la versión PRO.

Gracias de antemano por tus consejos, jens

Esta respuesta fue modificada hace 1 año, 6 meses.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *