WooCommerce: edite el diseño del producto si inició sesión

Los clientes registrados a menudo requieren diferentes UX, comunicación y diseño del sitio web. Puede ocultar los botones de agregar al carrito para los usuarios que han cerrado la sesión , sí, pero también puede remodelar completamente el diseño de la página de un solo producto. Por ejemplo, puede eliminar la imagen destacada, el botón Agregar al carrito (porque tal vez solo desee que compren un producto), la insignia de venta, el precio, las pestañas del producto, etc., al mismo tiempo que agrega información solo de inicio de sesión. como botones personalizados, pancartas y medios.

En este tutorial, veremos cómo dirigirse a los clientes registrados que compraron el producto actual , cómo eliminar algunos elementos de diseño predeterminados y cómo agregar HTML y CSS personalizados a la página del producto único. ¡Disfrutar!

Un posible scanario para clientes registrados que compraron el producto actual: eliminando la información de compra y la imagen y reemplazándola con un video.

Fragmento de PHP: Edite el diseño de página de un solo producto para clientes registrados

/**
 * @snippet       Logged-in Layout @ WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 4.5
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_before_single_product', 'bbloomer_single_product_layout_logged_in_purchased' );
 
function bbloomer_single_product_layout_logged_in_purchased() {
    global $product;
    if ( ! is_user_logged_in() ) return
    $current_user = wp_get_current_user();
    $theid = $product->get_id();
 
    // TARGET ONLY LOGGED IN CUSTOMERS WHO PURCHASED THIS PRODUCT   
    if ( wc_customer_bought_product( $current_user->user_email, $current_user->ID, $theid ) ) {
 
        // REMOVE ADD TO CART
        remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
 
        // REMOVE PRICE
        remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
 
        // REMOVE FEAT. IMAGE
        remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
 
        // AND SO ON...
        // REFER TO https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/       
 
        // ADD CUSTOM CSS
        ?>
            <style>
                .selector {
                    property: value;
                    property: value;
                }
            </style>
        <?php
 
        // ADD CUSTOM HTML E.G. VIDEO
        add_action( 'woocommerce_after_single_product_summary', 'bbloomer_add_video_single_prod_page', 1 );
 
    }
}
 
function bbloomer_add_video_single_prod_page() {
    ?>
        <iframe width="560" height="315" src="https://www.youtube.com/embed/3KGM3FfaXew" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    <?php
}

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir