Changing the lightbox switch icon?

Hello @dbrooksuk

At the moment, the icon can be changed with a bit of CSS. Something along those lines:

.woocommerce-product-gallery__trigger::before {
  -webkit-mask-image: url("data:image/svg+xml,…your SVG…");
          mask-image: url("data:image/svg+xml,…your SVG…");
}

Hope this points you in the right direction!

Thanks,
Eduard

Hello @dbrooksuk ,

Here’s the official documentation for the CSS url() function: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/url_function. It should give you a good idea of how to adapt the snippet for your needs.

Thanks,
Eduard