Un usuario preguntó 👇
Hola,
Estoy tratando de encontrar una manera de diseñar una insignia «agotada», pero fue en vano.
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
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