photoswipe missing when theme support enabled

Doing my favourite : I found the answer because it was quicker than waiting for someone to hold my newbie hand.

A more general guide to customising Woocommerce within your own theme would be nice, but I’ll share my findings.

1. You need all these CSS files;

//Woocommerce styles
wp_enqueue_style( 'woocommerce', get_template_directory_uri().'/css/woocommerce.css' );
  wp_enqueue_style( 'woocommerce-layout', get_template_directory_uri().'/css/woocommerce-layout.css' );
  wp_enqueue_style( 'woocommerce', get_template_directory_uri().'/css/woocommerce-smallscreen.css' ); 

(if you use SASS then make these files the output of your woocommerce sass files – find them in plugins>woocommerce>assets>css). Then you can edit direct.

2. You need this in your woo commerce functions;

// disable woocommerce styles
add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

function add_woocommerce_support() {
  add_theme_support( 'woocommerce' );
  add_theme_support( 'wc-product-gallery-zoom' );
  add_theme_support( 'wc-product-gallery-lightbox' );
}

add_action( 'after_setup_theme', 'add_woocommerce_support' );

This takes you, essentially to square one and the old rules to modify templates then apply so you can start from a broadly working installation.

• This reply was modified 8 years ago by wizcomhosting.
• This reply was modified 8 years ago by wizcomhosting.