Pregunta sobre OceanWP de Wordpress:

Insignia agotada (estilo)

Un usuario pregunt贸 馃憞

Hola,

Estoy tratando de encontrar una manera de dise帽ar una insignia 芦agotada禄, pero fue en vano.

https://imgur.com/a/aLRRYmr

Me gusta:

1) Cambiar el texto de este distintivo (AGOTADO) 2) Presentar el distintivo

隆Gracias!

(@apprimit)

Hace 1 a帽o, 11 meses

Hola,

1 – Siga el tema del soporte de woocommerce – https://wordpress.org/support/topic/change-out-of-stock-text-to-previous-sold/

2. 驴Puede decirme d贸nde quiere moverlo? Adem谩s, enlace a su sitio para que pueda verlo.

(@micwie)

Hace 1 a帽o, 11 meses

Hola,

Gracias por contactarme.

1 – Prob茅 este c贸digo desde el enlace que proporcionaste.

// display an 'Out of Stock' label on archive pages
add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_stock', 10 );
function woocommerce_template_loop_stock() {
    global $product;
    if ( ! $product->managing_stock() && ! $product->is_in_stock() )
        echo '<p class="stock out-of-stock">Coming soon!</p>';
}

Parece que falta el estilo de CCS o algo as铆 (ver enlace a continuaci贸n) y en realidad no sobrescribi贸 la insignia, sino que cre贸 una nueva. Aqu铆 est谩 la imagen despu茅s de aplicar el c贸digo. Tambi茅n puedes consultarlo dentro de este enlace

https://imgur.com/a/I6WEAqS

2 – Este es el sitio con la tienda donde necesito reescribir el contenido de esta insignia negra 芦agotada禄.

http://www.paulthevintage.com/staging/submenu-2-test/

Quiero editar texto (el sitio tambi茅n ser铆a lindo, pero no tan importante).

隆Gracias por adelantado!

micwie

Esta respuesta fue modificada hace 1 a帽o, 11 meses por.

(@apprimit)

Hace 1 a帽o, 11 meses

Intente agregar el c贸digo a continuaci贸n para reemplazar el c贸digo anterior y verifique si funciona o no.

add_filter('ocean_woo_outofstock_text', 'out_of_stock_text');
function out_of_stock_text($label) {

	$label = esc_html__( 'SOLD OUT', 'oceanwp' );

	return $label;
}

(@micwie)

Hace 1 a帽o, 11 meses

隆Oye!

隆Esto funciona de maravilla! 驴Crees que CSS adicional podr铆a cambiar la posici贸n y el color de la caja?

(@apprimit)

Hace 1 a帽o, 11 meses

Intente agregar el c贸digo siguiente a la secci贸n Personalizar> Personalizar CSS

.outofstock-badge {
    top: 0 !important;
    left: 0 !important;
    background-color: red !important;
}

驴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 *