Tutorial WooCommerce Variation Swatch

Mengganti tampilan opsi variasi menggunakan plugin “WooCommerce Variation Swatch”.

  1. Instalasi

    Installasi WordPress Plugin bisa Anda lihat disini.

  2. Lisensi

    Untuk Aktivasi dapat di akses di WooCommerce > WC Variation Swatch dan sebelum Anda menggunakan plugin ini, Anda harus mempunyai kode lisensi untuk WooCommerce Variation Swatch.

    Kode lisensi ini bisa didapat melalui pembelian plugin WooCommerce Variation Swatch WordPress Plugin di TokoPressID.

  3. Pengaturan

    Untuk Pengaturan dapat di akses di WooCommerce > WC Variation Swatch dan ada beberapa opsi pengaturan seperti :

    – Border Color
    Digunakan untuk mengganti warna border standard.
    – Text Color
    Digunakan untuk mengganti warna text.
    – Selected Border Color
    Digunakan untuk mengganti warna border opsi yang dipilih.
    – Selected Text Color
    Digunakan untuk mengganti warna text opsi yang dipilih.

  4. Membuat Attribute

    Untuk Membuat attribute product bisa di Products > Attributes , di bagian Type, bisa memilih Select, Color ataupun Label.

  5. Membuat Terms Pada Attributes

    Masih di menu Product > Attributes setelah membuat attributes bisa melanjutkan untuk membuat terms, dengan klik link / tombol “Configure Terms” seperti di bawah ini,

    Lalu Tambahkan Attributes sesuai yang diinginkan sebagai contoh di type color,

    Sehingga setelah terkonfigurasi hasilnya akan seperti ini :

  6. Membuat Produk Baru

    Pastikan Memilih Product data “Variable Product” setelah itu masuk ke “Tab” attributes, pilih lalu klik “Used for Variations”. Setelah itu isi variation yang di butuhkan,

  7. Tampilan di Single Product Page