Lista de productos de Woocommerce – reemplazar para arrancar div

2 minutos de lectura

avatar de usuario
kanlukasz

Estuve buscando todo el día, una solución adecuada para hacer una plantilla de woocommerce con una cuadrícula de arranque. Siempre intenté hacer cambios con ganchos porque creo que es la mejor manera.

Lista de productos de visualización de Woocommerce como esta:

<ul class="products">

<li class="post-24 product type-product status-publish has-post-thumbnail product_cat-zupki-z-chin product_tag-test first instock shipping-taxable purchasable product-type-simple"></li>

<li class="post-30 product type-product status-publish has-post-thumbnail product_cat-zupki-z-chin  instock shipping-taxable purchasable product-type-simple"></li>

<li class="post-31 product type-product status-publish has-post-thumbnail product_cat-zupki-z-chin  instock shipping-taxable purchasable product-type-simple"></li>

<li class="post-32 product type-product status-publish has-post-thumbnail product_cat-zupki-z-chin last instock shipping-taxable purchasable product-type-simple"></li>

</ul>

Me gustaría cambiar esto a la cuadrícula de arranque adecuada. Algo como eso:

<div class="row">

<div class="col-md3">product</li>

<div class="col-md3">product</li>

<div class="col-md3">product</li>

<div class="col-md3">product</li>

</ul>

Cambiar ul a div es posible mediante la función woocommerce_product_loop_start(), pero ¿cómo puedo cambiar/reemplazar? li clase=”…. a clase div=”col-md…. ?

Gracias de antemano por su ayuda

avatar de usuario
samyer

Por lo tanto, querrá sobrescribir un archivo de plantilla de woocommerce con un archivo de plantilla en su tema secundario.

FTP en su instalación, vaya a wp-content/plugins/woocommerce/templatescopie content-product.php, duplique ese archivo en su tema secundario en una nueva carpeta llamada ‘woocommerce’.

Luego cambia el <ul <?php post_class(); ?>> a su div y cualquier clase que desee.

Si tiene preguntas sobre cómo anular los archivos de plantilla de woocommerce, consulte esto: https://wordpress.stackexchange.com/questions/256088/how-to-override-woocommerce-template-files

  • Este es un buen comienzo, pero no responde a su pregunta, quiere anular

      a un div.

      –Wilmar Arias

      19 de octubre de 2020 a las 12:28


Tu puedes cambiar <ul> sin editar la plantilla, solo use esto en functions.php:

/** 
 * Add Custom WooCommerce Loop Start
 */
function woocommerce_product_loop_start( $echo = true ) {
    ob_start();
    echo '<div class="something">'; 
    if ( $echo )
        echo ob_get_clean();
    else
        return ob_get_clean();
}

avatar de usuario
wilmar arias

La manera fácil de cambiarlo es anular las plantillas de woocomerce.

La etiqueta Ul es generada por loop-start.php.

Puedes encontrarlo en:

content/plugins/woocommerce/templates/loop/loop-start.php.

si desea cambiar el inicio y el final del ciclo, debe copiar los archivos:

wp-content/plugins/woocommerce/templates/loop/loop-start.php

en su carpeta de temas:

wp-content/themes/mysuperchildtheme/woocommerce/loop/

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad