Like & Share:
- Like & Share : Bagikan jika artikel ini berguna, selalu banyak cara untuk membagikannya termasuk ke pacar anda.
- Comment : Berikan komentar positif dan selalu relevan, komen spam dan tidak relevan tidak akan pernah di publikasikan.
- Thank You : Terima kasih atas partisipasi dan kontribusi anda. ---Thank you for your time!
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.
Feed Ads by Google!
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 :
Feed Ads by Google!