Un utilisateur a demandé 👇
Salut,
J’essaie de trouver un moyen de styliser un badge “épuisé”, mais en vain.
J’aime:
1) Modifier le texte de ce badge (SOLD OUT) 2) Présenter le badge
Merci!
(@apprimit)
il y a 1 an, 11 mois
Salut,
1 – Suivez le sujet de support woocommerce – https://wordpress.org/support/topic/change-out-of-stock-text-to-previous-sold/
2. Pouvez-vous me dire où vous voulez le déplacer ? Aussi, créez un lien vers votre site afin que vous puissiez le voir.
(@micwie)
il y a 1 an, 11 mois
Salut,
Merci de me contacter.
1 – J’ai essayé ce code à partir du lien que vous avez fourni.
// 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>';
}Il semble que le style CCS soit manquant ou quelque chose du genre (voir le lien ci-dessous) et que vous n’ayez pas remplacé le badge, mais que vous en ayez créé un nouveau. Voici l’image après application du code. Vous pouvez également le consulter dans ce lien
2 – C’est le site avec le magasin où je dois réécrire le contenu de ce badge noir “sold out”.
http://www.paulthevintage.com/staging/submenu-2-test/
Je veux éditer du texte (le site serait bien aussi, mais pas si important).
Merci d’avance!
mickey
Cette réponse a été modifiée il y a 1 an et 11 mois par.
(@apprimit)
il y a 1 an, 11 mois
Veuillez essayer d’ajouter le code ci-dessous pour remplacer le code ci-dessus et vérifier si cela fonctionne ou non.
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)
il y a 1 an, 11 mois
Entend !
Cela fonctionne très bien ! Pensez-vous que du CSS supplémentaire pourrait changer la position et la couleur de la boîte ?
(@apprimit)
il y a 1 an, 11 mois
Essayez d’ajouter le code suivant à la section Custom > Custom CSS
.outofstock-badge {
top: 0 !important;
left: 0 !important;
background-color: red !important;
}
Cela a-t-il résolu votre problème ?
Was this helpful?
0 / 0