Warren

Hi @webtoffee

It appears to be WPC Ajax Add to Cart for WooCommerce causing the issue.

I have deactivated it now and Enable Express is working again.

Hi @webtoffee

Here you go:

https://tmpfiles.org/download/114021/threewrensgin-webtoffee.zip

Thank you @fylgjur and @drwpcom and apologies for the delayed reply.

I think I found a solution, here is the demo link for anyone who might be interested: https://plugins.akashsoni.com/shop/

The plugin is called Woo Product Gallery Slider

I’m surprised there aren’t more like this available at WooCommerce and elsewhere.

Thanks again folks!

Hi Ketan,

Thanks for getting back to me and for the info.

It was actually something more like Instagram where there is an image gallery for each individual item.

It would allow users to view all single product gallery images on the category view pages so they don’t need to click through to the product.

Hope that makes sense.
Thanks
Warren

• This reply was modified 5 years, 6 months ago by Warren.
• This reply was modified 5 years, 6 months ago by Warren.

Actually this works even better:

RewriteCond %{THE_REQUEST} \.html
RewriteRule ^(.*)\.html$ /$1 [R=301,L]

Hi Yazdaniwp (@yazdaniwp), thanks for your replay, here it is: https://threewrensgin.com/

As mentioned above and as you’ll see I used [featured_products per_page="4" columns="4"] to achieve 4 x 4.

However I would prefer to use the built in hook add_action( 'homepage', 'threewrensgin_featured_products', 40 ); that pulls in the function threewrensgin_featured_products( $args ) { template function.

Thanks!

Hi There @wyohost

Yes sorry I didn’t post this ealier, here goes.

Where you see “ifc” go ahead and change to what ever you prefer:

PUT THIS IN woocommerce-template-functions.php

if ( ! function_exists( 'ifc_thumbnail_wrap_open' ) ) {
	/**
	 * FIX Silly WooCommerce Product Image Sizes
	 * Before Shop Loop Title - CUSTOM IFC
	 * Wraps thumbnail image Open
	 */
	function ifc_thumbnail_wrap_open() {
		?>
		<div class="ifc-thumb-wrapper">
		<?php
	}
}

if ( ! function_exists( 'ifc_thumbnail_wrap_close' ) ) {
	/**
	 * FIX Silly WooCommerce Product Image Sizes
	 * Before Shop Loop Title - CUSTOM IFC
	 * Wraps thumbnail image Close
	 */
	function ifc_thumbnail_wrap_close() {
		?>
		</div><!-- .ifc-thumb-wrapper -->
		<?php
	}
}

PUT THIS in woocommerce-template-hooks.php

/**
 * FIX Silly WooCommerce Product Image Sizes
 * 
 * Product Content Within Loops - CUSTOM IFC
 *
 * @see islandfurniture_woocommerce_brands_archive()
 */
add_action( 'woocommerce_before_shop_loop_item_title', 'ifc_thumbnail_wrap_open', 5 );
add_action( 'woocommerce_before_shop_loop_item_title', 'ifc_thumbnail_wrap_close', 15 );

PUT THIS in fucntions.php

// FIX Silly WooCommerce Product Image Sizes

add_filter( 'woocommerce_get_image_size_thumbnail', 'ci_theme_override_woocommerce_image_size_thumbnail' );
function ci_theme_override_woocommerce_image_size_thumbnail( $size ) {
    // Catalog images: specific size
    return array(
        'width'  => 300,
        'height' => 300,
        'crop'   => 0, // not cropped
    );
}  

add_filter( 'woocommerce_get_image_size_single', 'ci_theme_override_woocommerce_image_size_single' );
function ci_theme_override_woocommerce_image_size_single( $size ) {
    // Single product image: square
    return array(
        'width'  => 750,
        'height' => 750,
        'crop'   => 1,
    );
}

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', 'ci_theme_override_woocommerce_image_size_gallery_thumbnail' );
function ci_theme_override_woocommerce_image_size_gallery_thumbnail( $size ) {
    // Gallery thumbnails: proportional, max width 200px
    return array(
        'width'  => 200,
        'height' => '',
        'crop'   => 0,
    );
}

// END FIX Silly WooCommerce Product Image Sizes

PUT THIS in style.css

** FIX Silly WooCommerce Product Image Sizes **/

ul.products li.product img {
	margin: 0 auto 0
}
.ifc-thumb-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;

    border: 2px solid #eee;
    min-height: 300px;
    max-height: 300px;
    margin-bottom: 1.5em;
    overflow: hidden;
    }
@media screen and (max-width: 1024px) { /* Everything Smaller than 1024px */
	.ifc-thumb-wrapper {
	    min-height: 200px;
	    max-height: 200px;
	    }
}
@media screen and (max-width: 780px) { /* Everything Smaller than 780px */
	.ifc-thumb-wrapper {
	    min-height: 300px;
	    max-height: 300px;
	    }
}

.ifc-thumb-wrapper > img {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    }

ul.products li.product {
	text-align: left;
	margin-bottom: 1em;
}

/** END FIX Silly WooCommerce Product Image Sizes **/

Its a bit convoluted but it works, you can see here:

https://testsite.islandfurnitureco.com/collections/versailles/chestnut/

The theme I am using is based on WooCommerce Storefront.

Hope this helps.
Cheers
Warren