Cara Pindahkan Category List WA ORDER ke Atas Produk Terbaru

Tugasiswa.com - Category List adalah fitur untuk menampilkan daftar produk berdasarkan kategori atau label di halaman utama (Homepage). Fitur ini aslinya diletakkan di bawah PRODUK TERBARU, namun karena kurang efektif, akhirnya pada update-an terbaru fitur Daftar Kategori ini saya letakkan di atas widget PRODUK TERBARU.

MANFAAT CATEGORY LIST DI ATAS

Ada beberapa manfaat Category List diletakkan di atas daftar Produk Terbaru. yaitu:

1. Untuk Menampilkan Produk Terlaris
   Produk yang paling laku atau paling banyak di beli sebaiknya berada paling atas agar pelanggan mudah melakukan repeat order (belanja ulang) dan tidak perlu mencari ke bagian bawah lagi.
   
   
2. Untuk Menampilkan Produk Rekomendasi
   Recommended produk atau produk spesial karena unik atau punya diskon khusus layak untuk di taruh di atas, supaya pelanggan sadar bahwa ada produk yang sedang ditonjolkan.
   
   
3. Untuk Meniru Tampilan Ecommers
   Tampilan Shopee, Tokopedia, dan yang lain menyediakan fitur Category List di paling atas. Tujuan mereka pasti berhubungan dengan cara kerja marketing yang efisien dan SEO friendly.

CARA MEMILIH KATEGORI

Untuk memilih kategori yang akan ditampilkan ke halaman beranda WA ORDER, ikuti langkah berikut:

1. Buka dan Login ke Dashboard Wordpress: www.namadomainmu.com/wp-admin
2. Arahkan kursor ke menu Appearance dan pilih Customize
   
   
   
3. Tekan Homepage
   
   
   
4. Centang kategori produk yang ingin ditampilkan di Beranda Toko
   
   
   
5. Tekan Publish

CARA MEMINDAHKAN KATEGORI

Untuk memindahkan posisi kategori list di antara Banner dan Produk Terbaru ikuti tutorial berikut:

1. Buka Dashboard Wordpress
2. Arahkan kursor ke menu Appearance
3. Pilih Theme File Editor 
   
   
   
4. Tekan index.php
5. Blok semua kode dalam kotak
6. Ganti dengan kode ini
   
   <?php get_header(); ?>

   
   

   <section class="index">

   
   

   <div class="wrapper clear">

   
   

   <?php

   $sliders = get_option('waorder_sliders');

   ?>

   <?php if( $sliders ): ?>

   <div class="slider">

   <?php foreach((array) $sliders as $key=>$val ): ?>

   <?php

   $slider_link = get_post_meta($key, 'slider_link', true);

   ?>

   <div class="slide">

   <?php if($slider_link) : ?>

   <a href="<?php echo esc_url($slider_link); ?>" target="_blank"><img alt="promo" class="tns-lazy-img" data-src="<?php echo $val; ?>"></a>

   <?php else: ?>

   <img class="tns-lazy-img" data-src="<?php echo $val; ?>">

   <?php endif; ?>

   </div>

   <?php endforeach; ?>

   </div>

   <?php endif; ?>

   
   

   <?php

   $args = array(

   'post_type'      => 'product',

   'posts_per_page' => get_option('posts_per_page'),

   'post_status'    => 'publish',

   'order'          => 'DESC',

   'orderby'        => 'date',

   );

   
   

   $products = new WP_Query( $args );

   
   

   if( $products && null !== $products->have_posts() && $products->have_posts() ):

   ?>

   
   

   <?php

   
   

   $categories = get_theme_mod('homepage_category_list');

   if( $categories ):

   $cats = explode(',', $categories);

   foreach( (array)$cats as $key=>$val ):

   $cc = explode(':', $val);

   if( $cc[1] == '1' || $cc[1] == 1 ):

   waorder_get_product_by_cat($cc[0]);

   endif;

   endforeach;

   endif;

                   ?>

   
   

   <div class="labelbox">

   <div class="newest">

   <h3>PRODUK TERBARU</h3>

   </div>

   </div>

   <div class="boxcontainer clear">

   
   

   <?php while ( $products->have_posts() ) : $products->the_post(); ?>

   <?php get_template_part('template/productbox'); ?>

   <?php endwhile; ?>

   
   

   </div>

   <div class="labelbox">

   <div class="next">

   <a href="<?php echo site_url(); ?>/product/" class="button color-scheme-background">

   <?php echo get_theme_mod('waorder_nextproduct_text', 'Lihat Semua Produk'); ?>

   </a>

   </div>

   </div>

   
   

                  <div class="boxcontainer clear">

   
   

   </div>

                   <?php

   endif;

   
   

   wp_reset_postdata();

   ?>

   
   

   </div>

   </section>

   
   

   <?php get_footer(); ?>

7. Tekan tombol Update File untuk menerapkan kode baru yang sudah dipasang.
   
   
   
8. Selesai

Jika kalian malas atau kesulitan melakukan update, gunakan jasa update web di sini. Khusus pelanggan setia Saifullah.id, update hanya dikenakan biaya yang sangat murah dibanding orang lain.