Return to previous page

XStore Different Image on Products Page - by nrapel

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

  • Avatar: nrapel
    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
    Avatar: Rose Tyler
    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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress 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.