I'm a little bit stuck with woocommerce product gallery.
Is it possible to make main product image constant, and remove changing of this image by clicking other product gallery images? Instead of this, when clicking product gallery images - lightbox with clicked image appears.
thanks in advance!
Related
I use one feature image and 4 product gallery images but in my single product page its show feature image on top and in product gallery also.
I want feature image on top just. please see the below image
enter image description here
Website URL: https://www.pioneercustomboxes.com/
Product Page URL: https://www.pioneercustomboxes.com/product/custom-fruit-boxes/
I want a code or script that really helpful for me and resolve my problems.
I am working with a client who has the Imagely Theme and NextGen plugin installed. He has a massive number of images he displays in galleries and sells images but not online. The thumbnail images open to a lightbox image which displays the ALT & TITLE TEXT / DESCRIPTION but to enable a client to specify exactly which image he wants to purchase my client wants the image ID to appear. NextGen does not seem to have this as an option even though every image in a gallery has an ID. Example: (2000000152) which is visible in Manage Gallery. I am looking to see if there is any way to edit the code so that the Image ID will also display along with, or in addition to, the currently displaying Title Text/Description.
Thanks
Really appreciate your help this one...
How can I display a woocommerce product variation's image as the featured image on the woocommerce single product page?
Alternatively how can I use another image as the product page featured image?
Here's why I need that:
WooCommerce with OceanWP has a neat slider feature that appears on hover over each product listing on the shop page that allows users to cycle through the product's gallery images. It's like a preview and is exactly the user experience I want as the product that I'm selling comes in a variety of colors.
When a user selects a product in the shop archive and clicks-through to the single product page though, I need to display the featured image as a mockup of the product. It's a better user experience because it shows the user already the design they selected on the shop archive page as a product mockup. This helps to visualize and clarify what they're getting.
So I've hidden the thumbnail gallery using CSS and set the woo product variation images to an image of the mockup in the right colour. When the user selects a 'colour' option, the woo gallery slider changes accordingly and that's the right user experience too.
My problem is simply when the user first clicks-through from the shop archive to the single product page, instead of showing the product's default featured image, show one of the product variation images, which are mockups...or at least show another image altogether so the user sees the mockup, selects the color option and the user experience is simple.
Any ideas on how I can do this?
Thanks a mil for any help :)
We have a problem with a new webshop we want to put online. We want to display the 2nd image on a hover on desktop for our store. It works on the default shop page (https://www.festivalapparel.nl/shop/) but not on our homepage (https://www.festivalapparel.nl/). It has been created with the building block from woocommerce: featured item. It looks like it does not load two images per item, so it can't switch it.
In summary: it works on the preset shop page but not on the homepage using their building block, we also want it to help there. Thanks!
Replace your page builder block with this shortcode bellow:
[products limit="10" columns="5" best_selling="true"]
If you want to display best sellers manually you could use featured function with shortcode bellow. To set featured products there is a star icon in your woocommerce admin products list so you could just click on it and product will be featured.
[products limit="10" columns="5" visibility="featured" ]
I'm trying to add an animated gif to woocomerce product as a featured image, but it just doesn't load. Is there a plugin or a code tweak that can help me with this? Thanks.