Thêm nút buy now (mua ngay) trên danh sách sản phẩm woocommerce wordpress như thế nào

Thảo luận trong 'Mã nguồn mở Wordpress' bắt đầu bởi seolagi, 11/9/20.

  1. seolagi

    seolagi

    Vip Member

    Tham gia ngày:
    16/4/14
    Bài viết:
    702
    Đã được thích:
    55
    Điểm thành tích:
    28
    Thêm nút buy now (mua ngay) trên danh sách sản phẩm woocommerce wordpress như thế nào vậy các bạn, hiện tại web mình chỉ có mỗi nút thêm vào giỏ hàng, mình xem các web khác ví dụ như dưới có nút mua ngay, không biết thêm vô làm sao? web mình là web wordpres sử dụng themes flatsome phiên bản Version 3.12.2 của Flatsome.

    Bạn nào biết giúp mình với.

    them-nut-mua-ngay-tren-themems-flatsome.jpg
     
    Cảm ơn đã xem bài:

    Thêm nút buy now (mua ngay) trên danh sách sản phẩm woocommerce wordpress như thế nào

    danh sách diễn đàn rao vặt gov chất lượng
  2. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,374
    Đã được thích:
    1,059
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Bạn sử dụng themes đó thì vào: /wp-content/themes/flatsome/inc/woocommerce/structure-wc-product-box.php mở file đó lên.

    Tìm tới hàm: flatsome_woocommerce_shop_loop_button() thay toàn code sau
    PHP:
    echo apply_filters'woocommerce_loop_add_to_cart_link',
        
    sprintf'<div class="add-to-cart-button"><a href="%s" rel="nofollow" data-product_id="%s" class="%s %s product_type_%s button %s is-%s mb-0 is-%s">%s</a></div>',
            
    esc_url$product->add_to_cart_url() ),
            
    esc_attr$product->get_id() ),
            
    esc_attr$product->is_type'variable' ) || $product->is_type'grouped' ) ? '' 'ajax_add_to_cart' ),
            
    $product->is_purchasable() && $product->is_in_stock() ? 'add_to_cart_button' '',
            
    esc_attr$product->get_type() ),
            
    esc_attr'primary' ), // Button color
            
    esc_attrget_theme_mod'add_to_cart_style''outline' ) ), // Button style
            
    esc_attr'small' ), // Button size
            
    esc_html$product->add_to_cart_text() ) ),
        
    $product );
    Thành code sau nhé:
    PHP:
    echo apply_filters'woocommerce_loop_add_to_cart_link',
        
    sprintf'<div class="add-to-cart-button"><a class="cs-buynow" href="/cart/?add-to-cart='.$product->get_id().'">Mua ngay</a><a href="%s" rel="nofollow" data-product_id="%s" class="%s %s product_type_%s button %s is-%s mb-0 is-%s">%s</a></div>',
            
    esc_url$product->add_to_cart_url() ),
            
    esc_attr$product->get_id() ),
            
    esc_attr$product->is_type'variable' ) || $product->is_type'grouped' ) ? '' 'ajax_add_to_cart' ),
            
    $product->is_purchasable() && $product->is_in_stock() ? 'add_to_cart_button' '',
            
    esc_attr$product->get_type() ),
            
    esc_attr'primary' ), // Button color
            
    esc_attrget_theme_mod'add_to_cart_style''outline' ) ), // Button style
            
    esc_attr'small' ), // Button size
            
    esc_html$product->add_to_cart_text() ) ),
        
    $product );
    Add thêm css sau vào Advanced -> Cusom CSS
    HTML:
    .add-to-cart-button
    {
      margin-top: 15px;
    }
    .add-to-cart-button .add_to_cart_button
    {
      margin-top: 0px;
    }
    .add-to-cart-button .cs-buynow
    {
      background-color: orange;
      margin-top: 0px;
      padding: 6px 16px;
      vertical-align: -2px;
      margin-right: 10px;
      border-radius: 5px;
      color: white;
    }
    Các themes khác.
    PHP:
    echo '<a class="cs-buynow" href="/cart/?add-to-cart='.$post->ID.'">Mua ngay</a>';
     
    Chỉnh sửa cuối: 11/9/20


Like và Share ủng hộ ITSEOVN