Ajouter un bouton après ajouter au panier et le rediriger vers un lien personnalisé dans WooCommerce

Question

J'ajoute un bouton après bouton Ajouter au panier en utilisant ce crochet:

add_action('woocommerce_after_add_to_cart_button', array($this, 'add_button')); 

Mais quand je clique sur ce bouton, il fait la fonctionnalité du bouton Ajouter au panier.

Comment personnaliser ce bouton lien (à une autre page)?

Merci d'avance.

Answer 1

Vous devez utiliser le crochet woocommerce_after_add_to_cart_button cette façon d'obtenir ce que vous attendez:

add_action('woocommerce_after_add_to_cart_button', 'add_custom_button', 10, 0); 
function add_custom_button() { 
    $my_custom_link = home_url('/my_page_slug/'); 
    echo '<a class="btn-atc" href="' . esc_url($my_custom_link) .'">' . __("My text button", "my_theme_slug") . '</a>'; 
}; 

collez ce bout de code dans le fichier function.php de votre thème enfant actif ou d'un thème.

Ensuite, vous devrez remplacer (dans le code) le chemin de lien correct, le nom du bouton et slug thème:

• '/my_page_slug/'
• "My text button"
• "my_theme_slug"

Cela devrait fonctionner.

---

Cette section est hors de votre question et il est sur le style de vos bouton:

Vous aurez peut-être besoin d'ajouter au fichier style.css certaines règles CSS personnalisé qui se trouve dans le thème de votre enfant actif ou un thème, pour l'apparence de style de votre bouton personnalisé (utilisation « BTN-atc » classe au lieu de « Tche »):

/* Based on your comment */ 

a.btn-atc { 
    background-color: #eee !important; 
    border: 2px solid #999; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    font-size: 20px; 
    font-weight: 500; 
    line-height: 1.7em !important; 
    margin-left: 5px; 
    margin-top: -5px; 
    position: relative; 
    padding: 0.3em 1em; 
    -webkit-transition: all 0.2s; 
    -moz-transition: all 0.2s; 
    transition: all 0.2s; 
} 
a.btn-atc:hover { 
    background-color: #666 !important; 
    color: #fff !important; 
}