linux4me2

I think I’m with you. So your code above works except when a user uses the filters?

What happens when you comment out the line:

if ( ! $q->is_main_query() ) return;

I’m wondering if the filters return false on the main query check. It seems like there will be a way to execute your code for the query the filters run as well.

I may be missing the point, but why not just set the products’ “Catalog Visibility” to “Hidden,” which will keep them from appearing in Shop and Search results?

I think the redirects are kind of messy, so I looked at the possibilities for adding a little code to your child theme’s functions.php to accomplish this so you can use one less plugin.

The following code will first check to make sure the product in question is an external/affiliate product. If it is, it will change the image link to the same URL as you use for the “Buy Product” button. If it’s not an external/affiliate product, it won’t do anything:

// *** Affiliate Product Landing Page Link ***
add_action ('woocommerce_before_shop_loop_item', 'custom_product_image_link', 1);
function custom_product_image_link(){
  global $product;
  if ($product->get_type() == 'external') {
    // For product category archives pages only
    if(is_product_category()){
      // Remove default image link
      remove_action ('woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10);
      // Add custom image link function
      add_action ('woocommerce_before_shop_loop_item', 'custom_set_external_product_image_link', 10);
    }
  }
}

// Custom image link for external (affiliate) products only.
function custom_set_external_product_image_link(){
  global $product;
  echo '<a href="' . $product->add_to_cart_url()  . '" class="woocommerce-LoopProduct-link">';
}
// *** End Affiliate Product Landing Page Link ***

I tested it, and it’s working for me. Thanks to LoicTheAztec whose code I modified to get this.

Okay, I think I know what you mean now.

Adding the Open Graph meta tag for images does sound like what you need to do.

Take a look at this tutorial. It suggests using the Yoast SEO plugin to add the Open Graph meta tags and has some useful information about how to debug Facebook if it’s not showing your images. If you don’t need all the features of Yoast SEO, search the plugins page for “open graph” and you’ll see a bunch of plugins that can add the meta tags.

You will need to add Featured Images to each post, but if there are pages/posts that you don’t want to display a featured image for on your site, you can use CSS to hide them or use a theme that doesn’t display them.

After I cleared my browser cache of your previous stylesheets, it worked for me consistently, never showing the product count in ~five page loads, so I think that worked, but with an intermittent problem, only time will tell. 🙂

The alignment of the products on your category pages is dependent on the number of columns you have set in Appearance -> Customize -> WooCommerce -> Product Catalog -> Products Per Row. You could set it to two, which would use larger images and center the two current products, but if you ever add products, you’ll have to adjust the column setting accordingly.

If you need to change the column setting on a page-by-page basis, there are several options described in the docs. You can do it without an extra plugin as you already have a child theme. Which route you go depends on what you want to accomplish, but it looks like you may only have two products, in which case just setting the column count will work?

If the image gallery you’re thinking of is the Shop Page or some other page showing a list of products, I think you can create a new product and on the General Tab for Product Data, select a Product Type of “External/Affiliate Product” and then put the landing page URL from your own site in the “Product URL” box. Set the Button Text to whatever you want, like, “View Details” or something. On the landing page, use a WooCommerce Block or shortcode to display the link to the actual product.

That is odd! I just opened the Shop page again, and now I’m seeing the count, and the product is no longer centered! I tried it in two different browsers and both show the same thing.

When I look at the files loaded currently, the CSS I noted above is not in either:

https://outsource-typing.com/wp-content/themes/avant/style.css?ver=1.0.3

or

https://outsource-typing.com/wp-content/themes/savant/style.css?ver=1.0.3

I would look in your local copies of those two files for the string:

.archive.woocommerce mark.count

and see if you can find it in either. Alternatively, you may have added that CSS in Appearance -> Customize -> Additional CSS.

Once you find out where the code is supposed to be, we may be able to determine why it’s not showing up intermittently.

I haven’t ever tried it, but there is a plugin called Featured Image by URL that sounds like it will do the trick.

One thing to keep in mind is that some sites block hotlinking, which is what you’ll be doing, to prevent their bandwidth from being used to display images on other sites.