Mengatur Jumlah Produk WooCommerce (WooCommerce)

TokoDaring.Com – Mengatur Jumlah Produk WooCommerce (WooCommerce). Entah berapa banyak produk yang dijual pada website toko daring anda. Dan anda mungkin ingin mengatur jumlahnya, baik jumlah produk maupun jumlah kolomnya.

Artikel Lainnya:

WooCommerce Demo Store Notice – woocommerce_demo_store()

Default jumlah produk yang ingin ditampilkan

Secara default jumlah produk yang di tampilkan oleh WooCommerce pada halaman katalog utama maupun halaman katalog arsip kategori produk adalah sebanyak 12 produk.

Yang menjadi masalah adalah jika anda ingin menampilkan lebih dari itu. Sayangnya anda tidak dapat mengatur jumlah produk WooCommerce, terutama jika ingin menambahnya.

Itu karena memang WooCommerce tidak mengijinkan, alias tidak ada setting yang tersedia, kecuali jika anda menggunakan plugin atau extention.

Kenapa anda ingin merubah atau menambah jumlah produk pada halaman katalog toko ?

Jika toko online anda memiliki produk sebanyak kurang dari atau sama dengan <= 12 mungkin tidak akan menjadi masalah akan jumlah default tersebut.

Jika pun lebih dari 12, juga tidak akan menjadi masalah karena WooCommerce akan mendisplay sisanya pada halaman kedua, ketiga dan seterusnya hingga seluruh produk bisa di tampilkan.

Tapi kami yakin ada kalanya anda ingin mengatur jumlah produk WooCommerce pada halaman katalog tersebut, jika kondisinya seperti berikut :

• Anda menjual atau memiliki, misalnya 14 produk yang ingin dijual dan ingin semuanya ditampilkan pada satu halaman. Karena sisa 2 produk yang jika ditampilkan pada halaman kedua itu menjadi tidak enak dilihat.

Mengatur jumlah produk WooCommerce

Mengatur jumlah produk WooCommerce, misalnya pada halaman arsip bisa jadi akan membantu membuat tampilan website toko daring anda menjadi lebih enak dilihat.

Baik ditampilkan semua atau dalam beberapa halaman (paginasi), maka itu juga akan membantu pengunjung untuk tidak perlu membrowse lebih lama ke setiap halaman paginasi produk anda.

Untuk mengaturnya itu bisa dicapai dengan menggunakan plugin atau membuat fungsi kustom agar jumlah kolom produk maupun produk sesuai dengan keinginan anda sendiri.

Berikut ada 4 fungsi kustom yang bisa ditambahkan kedalam file function.php untuk mengatur jumlah produk, jumlah kolom dan jumlah related produk. Anda bisa menambahkan semuanya atau beberapa saja sesuai kustomisasi yang di inginkan.

1. Mengatur jumlah kolom pada halaman katalog WooCommerce

Ini bisa membantu anda menentukan jumlah kolom yang ditampilkan pada halaman katalog. Menampilkan jumlah kolom yang sedikit pada halaman full width akan membuat gambar produk menjadi besar dan itu mungkin tidak membuat pengunjung nyaman.

Note : bahwa script berikut hanya akan menambah jumlah kolom dan tidak serta merta menambah jumlah produk.

/*
 * Mengatur jumlah produk WooCommerce
 * Jumlah kolom shop page
 */

add_filter('loop_shop_columns', 'jumlah_kolom', 999);
if(!function_exists('jumlah_kolom')) {
    function jumlah_kolom() {
        return 4; // 4 kolom menyamping
    }
}

2. Mengatur jumlah maksimum produk pada halaman katalog WooCommerce

Setelah mengatur jumlah kolomnya, maka script berikut akan mengatur jumlah produk WooCommerce toko anda.

Pada contoh ini kami menggunakan angka 48 yang berarti maksimum akan adan 48 produk yang ingin di tampilkan pada satu halaman.

Anda tentu bebas untuk merubahnya menjadi berapapun sesuai yang diinginkan.

/*
 * Mengatur jumlah produk WooCommerce 
 * Jumlah maksimum produk shop page
 */

add_filter('loop_shop_per_page', 'prod_per_page', 20);
function prod_per_page($prod) {
    $prod = 48; // Ganti dengan jumlah yang diinginkan
    return $prod;
}

3. Mengatur jumlah kolom produk related pada halaman single

Berikutnya ini akan mengatur jumlah kolom related produk yang ingin ditampilkan pada halaman produk single.

Kita tau bahwa related produk adalah produk yang ditampilkan oleh WooCommerce yang dianggap berkaitan dengan produk yang sedang dilihat oleh pengunjung.

Mengatur jumlah kolom produk related pada halaman single juga bisa menggunakan shortcodes.

Namun pada praktik artikel ini kami menunjukan untuk melakukannya dengan menambah fungsi kustom via file function.php.

Ganti angka 6 pada contoh script berikut, dengan jumlah yang anda inginkan.

/*
 * Mengatur jumlah produk WooCommerce 
 * Jumlah maksimum produk shop page
 */

add_filter('woocommerce_output_related_products_args', 'related_products_args', 20);
function related_products_args($args) {
    $args['posts_per_page'] = 6; // menampilkan 6 produk
    $args['columns'] = 6; // dalam 6 kolom menyamping
    return $args;
}

4. Mengatur maksimum produk related pada halaman produk single

Jika script sebelumnya hanya mengatur jumlah kolom, maka script ini akan menentukan berapa banyak produk related yang ditampilkan.

/*
 * Mengatur jumlah produk WooCommerce 
 * Jumlah maksimum related produk halaman single
 */

function related_products_limit() {
    global $product;
    $args['posts_per_page'] = 6; // maks jumlah produk
    return $args;
}

Kustom halaman WooCommerce

Nah, mudah bukan ? Bagaimana menentukan sendiri jumlah produk yang ingin ditampilkan. Artikel tutorial kami lainnya adalah menampilkan deskripsi pendek produk WooCommerce di halaman katalog dan arsip.

Juga bagaimana melakukan kustomisasi pada setiap halaman WooCommerce (produk single, halaman checkout dan halaman my account), lihat artikel kami tips-trik kustom halaman WooCommerce.

Artikel terkait :