Like & Share:
- Like & Share : Jika ini dapat bermanfaat bagi orang lain? Klik tombol bagikan dan beri tahu mereka!
- Comment : Berikan komentar, komentar spam dan tidak relevan tidak akan pernah dipublikasikan!
- Klik Iklan : Terima kasih atas partisipasi Anda yang berharga. Keterlibatan Anda sangat kami hargai!
TokoDaring.Com – Mengatur Jumlah Kolom Produk WooCommerce Pada Tema Website Storefront. Siapa yang tidak kenal dengan tema website storefront? Tema default WooCommerce yang bisa di kustomisasi sesuai bentuk toko online anda.
Table of Contents
Artikel terkait :
63 Ide Usaha Kecil di Tahun 2024
Mengatur Jumlah Kolom Produk WooCommerce Pada Tema Website Storefront
Biasanya tema website yang saat ini sudah sangat responsif hanya menampilkan sati kolom jika di veiw menggunakan handphone. Dan kebanyakan pemilik website terutama website toko online ingin menampilkan dua kolom untuk produknya.
Jika anda menggunakan tema website storefront, itu bisa dilakukan hanya dengan menambahkan beberapa baris kode CSS sebagai berikut (tambahkan pada menu additional CSS dari halaman customizer) :
/*
* Mengatur Jumlah Kolom Produk WooCommerce
* Pada Tema Website Storefront
*/
ul.products li.product {
width: 46.411765%;
float: left;
margin-right: 5.8823529412%;
}
ul.products li.product:nth-of-type( 2n ) {
margin-right: 0;
}
@media ( min-width: 768px ) {
ul.products li.product:nth-of-type( 2n ) {
margin-right: 5.8823529412%;
}
}Artikel terkait dengan :