Hướng Dẫn Tạo 5 Cột Sản Phẩm Woocommerce Wordpress

Thảo luận trong 'Wordpress' bắt đầu bởi Admin, 28 Tháng tư 2017.

  1. Admin Nothing to lose.. your love to win.. Chuyển tiền

    Bài viết:
    Tìm chủ đề
    5,002
    Mặc định số cột sản phẩm WooCommerce chỉ là 4 sản phẩm trên 1 dòng.

    Để tạo số cột sản phẩm theo ý muốn các có 2 cách:

    Cách 1:

    Đơn giản nhất là sử dụng plugin, tuy nhiên chỉ chỉnh được từ 2 -> 5 sản phẩm / 1 dòng.

    WooCommerce Product Archive Customiser

    Sau đó kích hoạt Plugin lên, vào Giao Diện > Tùy Chỉnh > Product Archive

    Product Column: Số sản phẩm hiển thị trên 1 dòng

    Products per page: Số sản phẩm hiển thị trên 1 trang

    [​IMG]

    Cách 2:

    Với theme bất kỳ, các bạn thêm code sau vào file functions.php

    Mã:
    add_filter('loop_shop_columns', 'loop_columns');
    if (!function_exists('loop_columns')) {
        function loop_columns() {
            return 3; // thay 3 bằng số cột sản phẩm bạn muốn hiển thị trên 1 dòng
        }
    }
    VỚi theme by Woo, thay 5 bằng số cột sản phẩm bạn muốn hiển thị trên 1 dòng

    Mã:
    // Override theme default specification for product # per row
    function loop_columns() {
    return 5; // 5 products per row
    }
    add_filter('loop_shop_columns', 'loop_columns', 999);
    Để sửa số sản phẩm hiển thị ở mục Những sản phẩm liên quan:

    Mã:
    function woocommerce_output_related_products() {
    woocommerce_related_products(array('posts_per_page' => 3, 'columns' => 3));
    }
    Với posts_per_pape là tổng số sản phẩm, columns là số cột.


    Quảng cáo:

    VPS tốt nhất để làm website: Vultr, DigitalOcean
     
    Chỉnh sửa cuối: 14 Tháng chín 2018
  2. Đang tải...
Từ Khóa:
Trả lời qua Facebook
Đang tải...