• (022) 6902 1117

Backend Improvement WooCommerce Variations

 

Buat enhancement/change request dari Detail Product di WooCommerce untuk memperbaiki UI backend pembuatan dan pengelolaan variasi produk modular. Fokus pekerjaan hanya backend pada halaman edit product WooCommerce, khususnya panel Product Data.

Tujuan

Mempermudah admin membuat dan mengelola banyak variasi produk dari satu layar, tanpa harus membuka variation satu per satu.

Produk tetap menggunakan:

  • Product Type: Variable Product

  • WooCommerce Product Variations sebagai data utama

  • Cart, checkout, tax, shipping, payment, dan order WooCommerce tidak diubah

Kebutuhan Utama

Tambahkan tab baru di Product Data:

Modular Variations

Posisi tab di dekat:

  • Attributes

  • Variations

  • Modular Variations

  • Advanced

Tab ini harus menampilkan semua variasi dalam bentuk grid/table.

Struktur Variasi

Setiap variasi adalah kombinasi:

  • Model

  • Material Grade

Contoh:

  • S2 + M

  • S2 + Z

  • S2 + X

  • S2 + T+

  • S2 + T

  • S2 + S

Format SKU:

  • A3HSF-2106-S2-M

  • A3HSF-2106-S2-Z

  • A3HSF-2106-S2-X

  • A3HSF-2106-S2-TPLUS

  • A3HSF-2106-S2-T

  • A3HSF-2106-S2-S

Field per Variation

Setiap variasi harus memiliki:

  • Cover Image

  • Model

  • Material Group

  • Material Grade

  • Material Label

  • Variation SKU

  • Dimension

  • Configuration

  • Regular Price

  • Sale Price

  • Stock Status

  • Variation Status

  • Sort Order

Field WooCommerce standard tetap dipakai untuk:

  • SKU

  • Regular Price

  • Sale Price

  • Variation Image

  • Stock Status

  • Variation Status

  • Attributes

Custom meta tambahan:

  • _material_group

  • _material_label

  • _dimension

  • _configuration

  • _sort_order

UI yang Dibutuhkan

Di tab Modular Variations, sediakan:

  1. Matrix Health

    • Expected Variations

    • Created Variations

    • Active Variations

    • Inactive Variations

    • Missing Image

    • Missing Price

    • Duplicate SKU

    • Missing Dimension

    • Missing Configuration

  2. Search dan Filter

    • Search by SKU, model, material, label

    • Filter by model

    • Filter by material grade

    • Filter by material group

    • Filter by status

    • Filter missing image only

    • Filter missing price only

  3. Variation Grid
    Kolom wajib:

    • Checkbox

    • Cover Image

    • Model

    • Material Group

    • Material Grade

    • Material Label

    • Variation SKU

    • Dimension

    • Configuration Count

    • Regular Price

    • Sale Price

    • Stock Status

    • Variation Status

    • Validation Status

    • Action

  4. Row Action

    • Edit

    • Duplicate

    • Replace Image

    • Set Active

    • Set Inactive

    • Delete

  5. Bulk Edit

    • Apply cover image

    • Replace cover image

    • Set active

    • Set inactive

    • Set regular price

    • Set sale price

    • Clear sale price

    • Increase price by percentage

    • Decrease price by percentage

    • Set material group

    • Set stock status

  6. Edit Drawer
    Saat klik Edit, buka drawer kanan berisi:

    • Model

    • Material Grade

    • Material Group

    • Material Label

    • Variation SKU

    • Dimension

    • Configuration

    • Regular Price

    • Sale Price

    • Cover Image

    • Stock Status

    • Variation Status

    • Sort Order

  7. Add Model
    Admin bisa menambahkan model baru, lalu sistem otomatis membuat variasi berdasarkan material grade yang dipilih.

    Field:

    • Model Name

    • Base SKU

    • Dimension

    • Configuration

    • Model Cover Image

    • Material Grades to Generate

    • Initial Status

  8. Generate Missing Variations
    Sistem membaca attribute Model dan Material Grade, lalu membuat kombinasi variasi yang belum ada tanpa menimpa data lama.

Validasi Wajib

Sistem harus mendeteksi:

Error:

  • Active variation tanpa cover image

  • Active variation tanpa regular price

  • SKU duplikat

  • Model kosong

  • Material grade kosong

  • SKU kosong

  • Harga tidak valid

Warning:

  • Dimension kosong

  • Configuration kosong

  • Material group kosong

  • Material label kosong

  • Sale price lebih tinggi dari regular price

Tampilkan validasi di:

  • Summary atas grid

  • Row-level status

Publish Guard

Saat product di-update atau publish, tampilkan warning jika masih ada masalah penting:

  • Active variation tanpa image

  • Active variation tanpa price

  • SKU duplikat

  • Missing model

  • Missing material grade

Tidak Termasuk Scope

Jangan kerjakan:

  • Frontend product configurator

  • Cart redesign

  • Checkout redesign

  • Order admin redesign

  • Payment change

  • Tax change

  • Shipping change

  • Import Excel

  • Export Excel

  • ERP integration

  • Report dashboard

Acceptance Criteria

Pekerjaan diterima jika:

  1. Tab Modular Variations muncul di Product Data.

  2. Admin bisa melihat semua variation dalam satu grid.

  3. Admin bisa membuat variasi baru dari Add Model.

  4. Admin bisa generate missing variations.

  5. Admin bisa bulk edit image, price, status, dan material group.

  6. Admin bisa edit dimension dan configuration per variation.

  7. Active variation wajib punya cover image.

  8. Active variation wajib punya regular price.

  9. Duplicate SKU terdeteksi.

  10. Data tetap tersimpan sebagai WooCommerce variation standard.

  11. Cart, checkout, tax, shipping, payment, dan order tidak berubah.

  12. Jika plugin dimatikan, product dan variation WooCommerce tetap aman.

Web Research Web Programming JavaScript PHP Website Wordpress Website Building Website Templates Wordpress Templates WooCommerce

Published Budget: Rp 2,800,000 - 3,200,000
Published Date: 19/06/2026 12:46:12 WIB
Select Deadline: 19/07/2026 12:46:12 WIB
Finish Days: 4
Project Status: Published
Bid Count: 12
Need Weekly Report:

Project Owner

Accepted Worker

Bid masih terbuka.

  Place New Bid   Ask Owner   Chat

      User Bids

 

 


Live Chat