Cara Mengonfigurasi Fitur Product Showcase Generator
Source Code HTML
<div class="zerchpro_alert alert_info">
<div class="alert_message">
Baca: <a href="/2023/09/cara-mengonfigurasi-fitur-product.html" rel="nofollow noopener" target="_blank">Cara Mengonfigurasi Fitur Product Showcase Generator</a>
</div>
</div>
<div class="zerchpro_generator">
<section class="zerchpro_product_showcase">
<h2>Product Showcase (Etalase Produk)</h2>
<div class="zerchpro_detail">
<h3>Judul</h3>
<input class="custom_input bps1" autocomplete="off" placeholder="Contoh: Direkomendasikan untuk Anda" type="text"/>
<div class="hr"></div>
<div class="input_added">
<button class="add_new_benefit zerchpro_button small fab extended outlined fwm" type="button"><svg viewBox="0 0 24 24"><path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"></path></svg>Tambah etalase</button>
</div>
<div class="hr"></div>
<h3>Hasil Kode</h3>
<p>Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Product Showcase 1, 2, 3</b>.</p>
<button class="create_button zerchpro_button small fab extended filled fwm" type="button">
<svg fill="currentColor" viewBox="0 0 24 24"><path d="M14.6,16.6L19.2,12L14.6,7.4L16,6L22,12L16,18L14.6,16.6M9.4,16.6L4.8,12L9.4,7.4L8,6L2,12L8,18L9.4,16.6Z"></path></svg>
Buat kode
</button>
<pre class="hidden" data-lang="</>"><code class="html-language">Output code here</code></pre>
</div>
</section>
</div>Cara Menggunakan Fitur Product Showcase Generator
-
Pada kolom Judul masukkan teks judul seperti contoh:
Direkomendasikan untuk Anda -
Pada bagian tombol Tambah etalase berfungsi untuk menambahkan elemen etalase produk baru hingga maks. 30.
Pada kolom Gambar Produk masukkan URL gambar produk seperti contoh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmpTBzN3WlESxSnakT_DnJBsmpeZLb2OnfqT_XzaaqHVBHASS796jCe2Zio7DS4S3R4a92d42sxoWJA_qtywpx5utcoA6zC5jlohswTLjAAeh1f7qFNqzSgwBQW9AVio0DV2-J4OCkoYDsLnq6QTxh_tx4ZVgl81ySd-M8LCRyiE570SlHd7PiQlDQ/w300-h300-p-k-no-nu/Zerch%20Pro%20-%20Best%20Premium%20Blogger%20Template%20For%20Adsense.jpgUkuran gambar yang disarankan 300 x 300 px.Pada kolom Judul Produk masukkan teks judul produk seperti contoh:
Zerch Pro - Best Premium Blogger Template for AdSensePada kolom Tautan Produk masukkan URL/Link produk seperti contoh:
https://www.gilatemax.com/2022/07/zerch-pro-best-premium-blogger-template.htmlPada kolom Harga Produk masukkan harga produk seperti contoh:
IDR 120.000Pada kolom Platform masukkan platform seperti contoh:
Gila Temax,Tokopedia,Shopee -
Pada bagian Hasil Kode klik tombol Buat kode untuk menghasilkan kode HTML. Tempelkan kodenya di widget Tata Letak yang berjudul Product Showcase 1, 2, dan 3.
