Return to previous page

XStore Different Image on Products Page - by nrapel

This topic has 2 replies, 2 voices, and was last updated 5 years, 8 months ago ago by Rose Tyler

nrapel

Participant

July 30, 2018 at 16:41

Hi,
I have a customer that wants to have 2 images for the product. One to show on the Products Page and a different one to show at the Single Product Page.
i.e. Have a scissor facing horizontal and when the customer opens up the product have the scissor facing vertical. (different images).

Any suggestions how this can be done in xstore?

Thanks,
Nick

#197496 Copied Theme version: 1.0.23 WooCommerce version: 3.4.4

1 Answer
Rose Tyler

Support staff

July 31, 2018 at 07:33
Hello,

There is no such possibility, by default. As simplest workaround you can activate Swap effect (Theme Options > E-commerce > Products Page Layout > Image hover effect) and add this code in Theme Options > Styling > Custom css:
```
.content-product .image-swap {
    opacity: 1;
}
```
in this case, Featured image of product will be shown on the Single product page and the first image of Product gallery will be shown on Shop page (http://i.prntscr.com/V88-KLbWTm_FhYFTeGBW4A.png > http://i.prntscr.com/kMnzLbmsQTK5y9kubOvb6g.png + http://i.prntscr.com/MqY5oxWmTTqinCLEga8jxw.png)

Regards
#197509 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Organic Store – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress Theme

lazy-placeholder

Minimalist Outfits – WordPress WooCommerce Theme

lazy-placeholder

Digital Marketing – WordPress WooCommerce Theme

lazy-placeholder

Legenda – E-Commerce and Corporate PSD Theme

lazy-placeholder

Gym Store – WordPress WooCommerce Theme

lazy-placeholder

Kids Store – WooCommerce Theme

lazy-placeholder

Plumbing Store – WordPress WooCommerce Theme

lazy-placeholder

Dokan Multivendor Marketplace – WordPress WooCommerce Theme

lazy-placeholder

Application – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.