initial to gitea

2025-02-23 10:43:08 +07:00
commit d6e3946296
183 changed files with 22627 additions and 0 deletions
--- a/contents/docs/plugins/checkout-ui/activate-feature/index.mdx
+++ b/contents/docs/plugins/checkout-ui/activate-feature/index.mdx
@@ -0,0 +1,33 @@
+---
+title: Aktifkan Fitur
+description: Aktifkan Checkout UI untuk halaman checkout produk
+date: 14-12-2024
+---
+
+<Youtube videoId="f7zxTE2S8TY" />
+
+## Langkah - Aktifkan Fitur
+
+<Stepper>
+  <StepperItem title="Step 1: Navigasi ke Product">
+    Pada halaman wp-admin navigasi ke menu `product` akan muncul daftar produk
+    kemudian sorot dan klik `edit`.
+    ![edit](https://addonsejoli.pro/cdn_asp/images/scui-edit-product.png)
+  </StepperItem>
+  <StepperItem title="Step 2: Tab Checkout UI">
+    Pada halaman pengaturan produk akan anda temukan section `Sejoli Setup` ->
+    tab `Checkout UI` centang opsi **Aktifkan Checkout UI**.
+    ![activate](https://addonsejoli.pro/cdn_asp/images/scui-activate.png)
+  </StepperItem>
+  <StepperItem title="Step 3: Edit With Elementor">
+    Klik tombol **Edit With Elementor** untuk membuat desain halaman checkout
+    dengan widget-widget dari plugin Checkout UI.
+    ![activate](https://addonsejoli.pro/cdn_asp/images/scui-edit-elementor.png)
+  </StepperItem>
+</Stepper>
+
+<Note type="note" title="Penting!">
+  Jika tombol **Edit With Elementor** tidak muncul di halaman pengaturan produk,
+  navigasi ke menu `Elementor` -> `Settings` lalu centang opsi `Products` pada
+  **Post Types**.
+</Note>
--- a/contents/docs/plugins/checkout-ui/checkout-button/index.mdx
+++ b/contents/docs/plugins/checkout-ui/checkout-button/index.mdx
@@ -0,0 +1,20 @@
+---
+title: Checkout Button
+description: Widget Sejoli Checkout UI untuk kolom tombol pembayaran
+date: 14-12-2024
+---
+<Youtube videoId="T-Lpd1FRSQY" />
+
+![checkout button](https://addonsejoli.pro/cdn_asp/images/scui-checkout-button.png)
+
+## Tab - Content
+
+Opsi untuk menyesuaikan konten tombol pembayaran pada halaman checkout produk dengan widget **Checkout Button**.
+
+![tab content](https://addonsejoli.pro/cdn_asp/images/scui-cb-content.png)
+
+## Tab - Style
+
+Mengubah dan menyesuaikan warna background, text maupun tombol pada konten tombol pembayaran.
+
+![tab style](https://addonsejoli.pro/cdn_asp/images/scui-cb-style.png)
--- a/contents/docs/plugins/checkout-ui/coupon-input/index.mdx
+++ b/contents/docs/plugins/checkout-ui/coupon-input/index.mdx
@@ -0,0 +1,21 @@
+---
+title: Coupon Input
+description: Widget Sejoli Checkout UI untuk kolom kupon
+date: 14-12-2024
+---
+
+<Youtube videoId="R_67XFGxlb8" />
+
+![coupon input](https://addonsejoli.pro/cdn_asp/images/scui-kupon-input.png)
+
+## Tab - Content
+
+Mengubah text konten kolom kupon pada halaman checkout produk dengan widget **Coupon Input**.
+
+![tab content](https://addonsejoli.pro/cdn_asp/images/scui-kupon-konten.png)
+
+## Tab - Style
+
+Mengubah warna background maupun text untuk konten kolom kupon.
+
+![tab style](https://addonsejoli.pro/cdn_asp/images/scui-kupon-style.png)
--- a/contents/docs/plugins/checkout-ui/index.mdx
+++ b/contents/docs/plugins/checkout-ui/index.mdx
@@ -0,0 +1,7 @@
+---
+title: Sejoli Checkout UI
+description: Panduan penggunaan Sejoli Checkout UI
+date: 14-12-2024
+---
+
+<Outlet path="plugins/checkout-ui" />
--- a/contents/docs/plugins/checkout-ui/login-form/index.mdx
+++ b/contents/docs/plugins/checkout-ui/login-form/index.mdx
@@ -0,0 +1,21 @@
+---
+title: Login Form
+description: Widget Sejoli Checkout UI untuk kolom form login
+date: 14-12-2024
+---
+
+<Youtube videoId="yQbUxfXTr7o" />
+
+![login form](https://addonsejoli.pro/cdn_asp/images/scui-login-form.png)
+
+## Tab - Content
+
+Mengubah text konten kolom login form pada halaman checkout produk dengan widget **Login Form**.
+
+![tab content](https://addonsejoli.pro/cdn_asp/images/scui-lf-content.png)
+
+## Tab - Style
+
+Mengubah warna background dari text, field maupun tombol untuk konten form login.
+
+![tab style](https://addonsejoli.pro/cdn_asp/images/scui-lf-style.png)
--- a/contents/docs/plugins/checkout-ui/payment-options/index.mdx
+++ b/contents/docs/plugins/checkout-ui/payment-options/index.mdx
@@ -0,0 +1,21 @@
+---
+title: Payment Options
+description: Widget Sejoli Checkout UI untuk kolom metode pembayaran
+date: 14-12-2024
+---
+
+<Youtube videoId="31W35Q85_fA" />
+
+![payment option](https://addonsejoli.pro/cdn_asp/images/scui-payment-option.png)
+
+## Tab - Content
+
+Opsi untuk menyesuaikan konten metod pembayaran pada halaman checkout produk dengan widget **Payment Options**.
+
+![tab content](https://addonsejoli.pro/cdn_asp/images/scui-po-content.png)
+
+## Tab - Style
+
+Mengubah dan menyesuaikan desain card, judul dan warna pada konten metode pembayaran.
+
+![tab style](https://addonsejoli.pro/cdn_asp/images/scui-po-style.png)
--- a/contents/docs/plugins/checkout-ui/personal-information/index.mdx
+++ b/contents/docs/plugins/checkout-ui/personal-information/index.mdx
@@ -0,0 +1,20 @@
+---
+title: Personal Information
+description: Widget Sejoli Checkout UI untuk kolom personal information
+date: 14-12-2024
+---
+<Youtube videoId="qA-S4O530B4" />
+
+![personal info](https://addonsejoli.pro/cdn_asp/images/scui-persona-info.png)
+
+## Tab - Content
+
+Opsi untuk menyesuaikan konten personal information pada halaman checkout produk denga widget **Personal Information**.
+
+![tab content](https://addonsejoli.pro/cdn_asp/images/scui-pi-content.png)
+
+## Tab - Style
+
+Mengubah dan menyesuaikan desain card, title, label, deskripsi dan input baik warna text maupun background.
+
+![tab style](https://addonsejoli.pro/cdn_asp/images/scui-pi-style.png)
--- a/contents/docs/plugins/checkout-ui/product-table/index.mdx
+++ b/contents/docs/plugins/checkout-ui/product-table/index.mdx
@@ -0,0 +1,24 @@
+---
+title: Product Table
+description: Widget Sejoli Checkout UI untuk tabel produk
+date: 14-12-2024
+---
+
+<Youtube videoId="ORS_s3cHWa0" />
+
+![product table](https://addonsejoli.pro/cdn_asp/images/scui-product-table.png)
+
+<Note type="note" title="Note">
+  Gambar di atas adalah tampilan default tabel produk pada halaman checkout
+  produk **Sejoli**.
+</Note>
+
+## Tab - Content
+
+Opsi untuk menampilkan/menyembunyikan konten tabel produk pada halaman checkout produk dengan widget **Product Table**.
+![tab content](https://addonsejoli.pro/cdn_asp/images/scui-pt-content.png)
+
+## Tab - Style
+
+Mengubah warna background maupun text untuk konten tabel produk dengan desain yang anda mau.
+![tab stylet](https://addonsejoli.pro/cdn_asp/images/scui-pt-style.png)
--- a/contents/docs/plugins/checkout-ui/widget-elementor/index.mdx
+++ b/contents/docs/plugins/checkout-ui/widget-elementor/index.mdx
@@ -0,0 +1,34 @@
+---
+title: Widget Elementor
+description: Membuat desain halaman checkout produk dengan widget plugin Checkout UI
+date: 14-12-2024
+---
+
+<Youtube videoId="j9g1vliHfsY" />
+
+## Widget
+
+<Stepper>
+  <StepperItem title="Step 1: Tambahkan Layout">
+    Tambahkan salahsatu layout `Container` maupun `Grid` sesuai dengan selera
+    desain yang anda mau. ![tambahkan
+    layout](https://addonsejoli.pro/cdn_asp/images/scui-widget-elementor.png)
+  </StepperItem>
+  <StepperItem title="Step 2: Tambahkan Widget">
+    Tambahkan widget **Sejoli Checkout UI** ke dalam layout dan susun urutan
+    komponen-komponen yang ada dalam halaman checkout Sejoli menggunakan widget.
+    ![tambahkan
+    widget](https://addonsejoli.pro/cdn_asp/images/scui-widget-cui.png)
+  </StepperItem>
+  <StepperItem title="Step 3: Publish">
+    Klik tombol **Publish** untuk menerbitkan sekaligus menerapkan halaman
+    checkout dengan desain yang anda buat.
+    ![publish](https://addonsejoli.pro/cdn_asp/images/scui-publish-template.png)
+  </StepperItem>
+</Stepper>
+
+<Note type="note" title="Note">
+  Perlu diperhatikan seluruh komponen-komponen checkout Sejoli pada halaman
+  checkout produk harus anda tambahkan keseluruhannya untuk memastikan proses
+  checkout berjalan dan berfungsi dengan baik.
+</Note>