Tutorial Membuat Toko Online dengan Wordpress #5

Biasa nya kalau sudah selesai membuat toko online gambar produk akan berantakan karena belum di atur maka dari itu kita harus mengaturnya dengan cara sebagai berikut :

Konfigurasi ukuran gambar di Tema Virtue

Jika sudah, ada beberapa setelan yang harus Anda lakukan di Theme Options dari tema Virtue:

1. Klik menu samping: Appearance > Theme Options > Tab Shop Settings.
2. Off-kan: enable product image crop on catalog pages dan enable product image crop on poduct page.
   

Nanti hasilnya adalah seperti berikut:

Membuat kotak gambar produk sejajar

Sebagaiman Anda lihat tulisan ADD TO CART tidak sejajar. Untuk mengatasi hal ini Anda dapat mengaturnya di Appearance > Theme options > Shop Settings > Product Title Min Height.

Hasilnya:

Ada kalanya ketidakrataan diakibatkan oleh posisi angka seperti kasus yang ditunjukkan oleh gambar ini:

Untuk solusinya silahkan tambahkan CSS ini:

.product_item .product_price {

    font-size: 15px;

    min-height: 52px;

    padding: 6px 2px;

}

.product_item .product_price span.amount:nth-child(2) {

    display: block;

}

• Pada Jetpack custom css (appearance > edit css) atau
• Pada style.css dari tema anak atau
• Pada appearance > Theme Options > advanced settings

Ingat pilih salah satu metode saja. 

 Mengatur jumlah produk per laman

Khusus Tema Virtue pengaturan dapat dilakukan di Appearance > Theme options > Shop Settings > Shop Archive Page Settings > Geser slider-nya sesuai dengan jumlah yang diinginkan.

Sampai disini pengaturan gambar produk telah selesai.