Tutorial ini ditujukan pada pengguna JetEngine Crocoblock yang ingin menampilkan masa aktif undangan pada listing elementor.
Versi Teks #
Langkah ke 1, gunakan widget Dynamic Field
![](https://weddingsaas.id/wp-content/uploads/2023/07/widget-dynamic-field.png)
![](https://weddingsaas.id/wp-content/uploads/2023/07/dynamic-field-masa-aktif-undangan-392x1024.png)
Penjelasan :
- Pilih Source Meta Data
- Masukkan custom meta field _wds_pep_period
- Fallback, pengaturan ini digunakan pada masa aktif lifetime, Anda bebas menyesuaikan teksnya, misal Aktif Selamanya.
- Aktifkan Filter field output dan pilih callback Format date
- Masukkan format tanggal, jika ingin menampilkan format hari-bulan-tahun, masukkan j F Y
- Aktifkan customize field outpot (Opsional), Anda bisa menambahkan prefix/awalan pada teks masa aktif
Contoh hasil
![](https://weddingsaas.id/wp-content/uploads/2023/07/contoh-hasil-masa-aktif-undangan-di-listing-1024x648.png)
Versi Countdown #
Langkah 1. Gunakan widget countdown dan desain sesuai yang diinginkan.
![](https://weddingsaas.id/wp-content/uploads/2023/07/shortcode-countdown.png)
Pada Due Date gunakan Dynamic Shortcode , isinya :
[jet_engine_data dynamic_field_source="meta" dynamic_field_post_meta_custom="_wds_pep_period" hide_if_empty=true dynamic_field_filter=true filter_callbacks={date_format=Y-m-d+H%3Ai%3As&filter_callback=jet_engine_date}]
Contoh Hasil
![](https://weddingsaas.id/wp-content/uploads/2023/07/contoh-hasil-shortcode-countdown-1024x488.png)
Menyembunyikan Countdown Pada Undangan Lifetime #
![](https://weddingsaas.id/wp-content/uploads/2023/07/visibility-countdown-masa-aktif.png)
Penjelasan :
- Masuk ke menu Lanjutan
- Aktifkan Dynamic Visibility
- Visibility condition type pilih Show
- Conditions pilih Exists
- Field pilih Dynamic Shortcode , isi shortcodenya sama seperti diatas.
[jet_engine_data dynamic_field_source="meta" dynamic_field_post_meta_custom="_wds_pep_period" hide_if_empty=true dynamic_field_filter=true filter_callbacks={date_format=Y-m-d+H%3Ai%3As&filter_callback=jet_engine_date}]
Logika yang dipakai yaitu menampilkan widget countdown jika shortcode terdapat isinya, jika shortcode countdown kosong / lifetime, maka widget akan otomatis disembunyikan.
Contoh Hasil :
![](https://weddingsaas.id/wp-content/uploads/2023/07/contoh-hasil-visibility-countodwn-masa-aktif-1024x599.png)