Cara Mengonfigurasi Fitur Product Showcase

Developers at Gila Temax

Januari 27, 2025

Lebih kecil
Bawaan
Lebih besar

Table of Contents

Bagian Umum

Anda bisa menambahkannya di halaman beranda dan postingan.

<div class="product_showcase common_product_showcase splide">
  <div class="splide__track">
    <div class="splide__list">
      <!--[ Start: Slide Item ]-->
      <div class="splide__slide">
        <div class="product_showcase__image">
          <img alt="Product Image" class="lazyload" height="700" data-src="REPLACE_IMAGE_HERE" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="700"/>
        </div>
        <div class="product_showcase__meta">
          <div class="product_showcase__price">Rp999.000</div>
          <div class="product_showcase__name">
            <a href="/" rel="nofollow noopener" target="_blank">PRODUCT_NAME</a></div>
          <div class="product_showcase__brand">Shopee</div>
        </div>
      </div>
      <!--[ End: Slide Item ]-->

      <!--[ Start: Slide Item ]-->
      <div class="splide__slide">
        <div class="product_showcase__image">
          <img alt="Product Image" class="lazyload" height="700" data-src="REPLACE_IMAGE_HERE" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="700"/>
        </div>
        <div class="product_showcase__meta">
          <div class="product_showcase__price">Rp999.000</div>
          <div class="product_showcase__name">
            <a href="/" rel="nofollow noopener" target="_blank">PRODUCT_NAME</a></div>
          <div class="product_showcase__brand">Shopee</div>
        </div>
      </div>
      <!--[ End: Slide Item ]-->

      <!--[ Start: Slide Item ]-->
      <div class="splide__slide">
        <div class="product_showcase__image">
          <img alt="Product Image" class="lazyload" height="700" data-src="REPLACE_IMAGE_HERE" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="700"/>
        </div>
        <div class="product_showcase__meta">
          <div class="product_showcase__price">Rp999.000</div>
          <div class="product_showcase__name">
            <a href="/" rel="nofollow noopener" target="_blank">PRODUCT_NAME</a></div>
          <div class="product_showcase__brand">Shopee</div>
        </div>
      </div>
      <!--[ End: Slide Item ]-->

      <!--[ Add more ]-->
      
    </div>
  </div>
</div>

Bagian Sidebar

Anda bisa menambahkannya di bagian sidebar.

<div class="product_showcase sidebar_product_showcase splide">
  <div class="splide__track">
    <div class="splide__list">
      <!--[ Start: Slide Item ]-->
      <div class="splide__slide">
        <div class="product_showcase__image">
          <img alt="Product Image" class="lazyload" height="700" data-src="REPLACE_IMAGE_HERE" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="700"/>
        </div>
        <div class="product_showcase__meta">
          <div class="product_showcase__price">Rp999.000</div>
          <div class="product_showcase__name">
            <a href="/" rel="nofollow noopener" target="_blank">PRODUCT_NAME</a></div>
          <div class="product_showcase__brand">Shopee</div>
        </div>
      </div>
      <!--[ End: Slide Item ]-->

      <!--[ Start: Slide Item ]-->
      <div class="splide__slide">
        <div class="product_showcase__image">
          <img alt="Product Image" class="lazyload" height="700" data-src="REPLACE_IMAGE_HERE" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="700"/>
        </div>
        <div class="product_showcase__meta">
          <div class="product_showcase__price">Rp999.000</div>
          <div class="product_showcase__name">
            <a href="/" rel="nofollow noopener" target="_blank">PRODUCT_NAME</a></div>
          <div class="product_showcase__brand">Shopee</div>
        </div>
      </div>
      <!--[ End: Slide Item ]-->

      <!--[ Start: Slide Item ]-->
      <div class="splide__slide">
        <div class="product_showcase__image">
          <img alt="Product Image" class="lazyload" height="700" data-src="REPLACE_IMAGE_HERE" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="700"/>
        </div>
        <div class="product_showcase__meta">
          <div class="product_showcase__price">Rp999.000</div>
          <div class="product_showcase__name">
            <a href="/" rel="nofollow noopener" target="_blank">PRODUCT_NAME</a></div>
          <div class="product_showcase__brand">Shopee</div>
        </div>
      </div>
      <!--[ End: Slide Item ]-->

      <!--[ Add more ]-->
      
    </div>
  </div>
</div>

Jika Anda ingin melaporkan beberapa bug, Anda dapat menuliskannya di bagian komentar pada halaman Bug Report dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tuliskan di bagian komentar pada halaman Request dan Feedback.