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