Techie Corner

If you are using Virtue Theme together with Woocommerce, then probably you will ask how to enable slider in shop page. Actually the free version does not built in the slider in the shop page. If you want easy control then i would suggest you buy the Virtue theme premium version, it give you what you want. If you would want to try your luck with some code editing, then you can follow the instruction below.

Virtue Theme: enable slider in shop page, follow the steps below:-

• Edit this file “wp-content/themes/virtue/woocommerce/archive-product.php”
  I would suggest you run your own child theme and copy this file to your child theme folder and edit from there.
• Look for these
  
  PHP

  <?php /** * The Template for displaying product archives, including the main shop page which is a post type archive. * * Override this template by copying it to yourtheme/woocommerce/archive-product.php * * @author WooThemes * @package WooCommerce/Templates * @version 2.0.0 */ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly ?> <div id="content" class="container">

  1 2 3 4 5 6 7 8 9 10 11 12 13 14

  <?php /** * The Template for displaying product archives, including the main shop page which is a post type archive. * * Override this template by copying it to yourtheme/woocommerce/archive-product.php * * @author WooThemes * @package WooCommerce/Templates * @version     2.0.0 */   if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly ?> <div id="content" class="container">

• and change it to this:-
  
  PHP

  <?php /** * The Template for displaying product archives, including the main shop page which is a post type archive. * * Override this template by copying it to yourtheme/woocommerce/archive-product.php * * @author WooThemes * @package WooCommerce/Templates * @version 2.0.0 */ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly if(isset($virtue['choose_slider'])) { $tmp_slider = $virtue['choose_slider']; } else { $tmp_slider = 'none'; } ?> <?php if($tmp_slider != 'none') : ?> <div class="row"> <?php get_template_part('templates/home/flex', 'slider'); ?> </div> <?php endif; ?> <div id="content" class="container">

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

  <?php /** * The Template for displaying product archives, including the main shop page which is a post type archive. * * Override this template by copying it to yourtheme/woocommerce/archive-product.php * * @author WooThemes * @package WooCommerce/Templates * @version     2.0.0 */   if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly   if(isset($virtue['choose_slider'])) { $tmp_slider = $virtue['choose_slider']; } else { $tmp_slider = 'none'; } ?>   <?php if($tmp_slider != 'none') : ?> <div class="row"> <?php get_template_part('templates/home/flex', 'slider'); ?> </div> <?php endif; ?> <div id="content" class="container">

** By the way this method only allow you to use Flex slider. TQ

Tags: virtue enable slider in shop page, virtue slider in shop page, virtue theme slider in shop page