Hide first picture on product page

Ask the community
,
1

I have set up my webshop, and got product pages for all the products from my webshop.

On the webshop the first picture in the product administrator is shown. (This is what I want for the websop page)

On the product page, the first picture is also shown, but I want this picture hidden on the product pages.

I have tried using chatgpt to generate some code for me, but this did not work.

Im pretty sure I need to use the dev mode in the editor but I’m not sure.

How do I hide the first picture on the productpage? :slight_smile:

2

To hide the first image on the product pages while keeping it visible on the shop page, you can use Wix’s Dev Mode (Velo). First, enable Dev Mode in your Wix Editor to add custom code. Then, identify the image you want to hide by giving it an ID, such as #firstImage. You’ll also need to identify the product page, either by its ID or by checking the page URL. Using a simple Velo code, you can check if the current page is a product page and hide the first image only on those pages. The code would look like this: if ($w("#productPage").isCurrentPage()) { $w("#firstImage").hide(); }. Once you’ve added the code, preview your site to ensure the image is hidden on the product pages but still visible on the shop page. This approach allows you to manage elements on different pages without complicating the layout.

3

How do I give the image an ID?