CSS descripcion corta en tienda general

  • Resuelto gusy

    (@gusy)


    hace 3 años, 6 meses

    Buenos días.
    Estoy haciendo pruebas para una nueva tienda woocommerce en la que necesito poner la descripción corta en la tienda general de productos.
    Para ello he puesto en Code Snippets el siguiente código:

    /**
 * Add the product's short description (excerpt) to the WooCommerce shop/category pages.
 */

function woocommerce_after_shop_loop_item_title_short_description() {
	global $product;
	if ( ! $product->get_short_description() ) return; ?>
	<div itemprop="description">
	   <?php echo apply_filters( 'woocommerce_short_description', $product->get_short_description() ) ?>
	</div>
	<?php
}

add_action('woocommerce_after_shop_loop_item_title', 'woocommerce_after_shop_loop_item_title_short_description', 5);

    Hasta ahí bien.
    Lo que necesito es dar formato a esa descripción corta. Trabajo con DIVI.
    Esa descripción corta me la manda como párrafo, por lo que al intentar dar formato, me cambia también otras cosas.
    Que tendría que modificar o hacer para poder hacerlo?
    Podría de alguna manera que esa descripción corta llegase como un <h6> por ejemplo y así poder darle formato?

    Muchas gracias

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • Oscar Abad Folgueira

    (@oabadfol)

    hace 3 años, 6 meses

    Hola @gusy

    Podrías poner la url de ejemplo para ver cómo te lo está sacando?

    Saludos.

    Iniciador del debate gusy

    (@gusy)

    hace 3 años, 6 meses

    Lo estoy haciendo primero en modo prueba en una web que tengo para eso. Está hecha un poco desastre. El enlace es: https://publixgondomar.com.es/tienda3-2/

    Oscar Abad Folgueira

    (@oabadfol)

    hace 3 años, 6 meses

    Veo cosas raras en el html.

    Podrías dejarlo limpio y meterle una clase de css al módulo que has creado con divi?

    Es para ver por dónde poder pillarlo, ok?

    Saludos.

    Oscar Abad Folgueira

    (@oabadfol)

    hace 3 años, 6 meses

    porqué no le metes una clase en el div?

    Es decir, algo así:

    <div class="mi-clase" itemprop="description">
	   <?php echo apply_filters( 'woocommerce_short_description', $product->get_short_description() ) ?>
	</div>

    Y luego le añades el css a esa clase con el p? en plan:

    .mi-clase p{ color: red; }

    Ya me cuentas…

    Iniciador del debate gusy

    (@gusy)

    hace 3 años, 6 meses

    Lo tengo así, pero nada.
    Lo he puesto en otra página: https://herboristeriabambu.com/tienda/

    CODIGO EN CODE SNIPPETS:

    /**
 * Add the product's short description (excerpt) to the WooCommerce shop/category pages.
 */

function woocommerce_after_shop_loop_item_title_short_description() {
	global $product;
	if ( ! $product->get_short_description() ) return; ?>
	<div class:"descripcioncortatienda" itemprop="description">
	   <?php echo apply_filters( 'woocommerce_short_description', $product->get_short_description() ) ?>
	</div>
	<?php
}

add_action('woocommerce_after_shop_loop_item_title', 'woocommerce_after_shop_loop_item_title_short_description', 5);

    ———————-
    CSS:

    .descripcioncortatienda p {
    color: red;
    background: yellow
    }
    ———————————
    No me hace caso. No se que estoy haciendo mal

    Oscar Abad Folgueira

    (@oabadfol)

    hace 3 años, 6 meses

    Cambia el class:»descripcioncortatienda». No son dos puntos sino un igual

    Iniciador del debate gusy

    (@gusy)

    hace 3 años, 6 meses

    Jooooooo, madre mia!
    Podría estar así 4 años!
    Gracias por la ayuda y perdón por la molestia con esta torpeza.

    Oscar Abad Folgueira

    (@oabadfol)

    hace 3 años, 6 meses

    Perfecto.

    Cuando puedas, da por finalizado el hilo, porfa.

    Saludos y mucho ánimo!

    Iniciador del debate gusy

    (@gusy)

    hace 3 años, 6 meses

    Gracias

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • El debate ‘CSS descripcion corta en tienda general’ está cerrado a nuevas respuestas.