Solution to Additional Variation Images - by jsl

This topic has 20 replies, 3 voices, and was last updated 5 years, 2 months ago ago by Olga Barlow

  • Avatar: jsl
    jsl
    Participant
    December 1, 2018 at 15:50

    Hi,

    Great theme so far. Except I just realized that “WooCommerce Additional Variation Images” is not supported!? Surely any decent shop will have more than 1 image of a product variation to show…

    Question:
    1) Any recommended solution other than customization by WPKraken?

    2) Any plans on making this work? I see you have recently added the variation swatch function so seems like a natural progression to making variations images work as well?

    Thanks I look forward to your reply.

    Cheers

    Jason

    19 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 3, 2018 at 13:58

    Hello,

    What issue do you have with the additional variation plugin? Can you explain in more details and provide temporary Dashboard access to check?
    We use custom slider to display single product images gallery and I suppose that plugin conflicts with this custom carousel. In this case we can’t make it work without additional customization.

    Regards

    Avatar: jsl
    jsl
    Participant
    December 27, 2018 at 19:46

    Hi Olga,

    Sorry for the late reply.
    Basically anything other than the main image for each variation all other images doesn’t show up….
    I’ve added access info to our staging site. Please have a look and let us know if you have any ideas. Thanks and happy holidays!

    Cheers

    Jason

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 28, 2018 at 08:30

    Hello,

    Thanks for the reply.
    Unfortunately, we can’t log in. It redirects to Home page from yoursite.com/wp-admin.
    Please check.

    Regards

    Avatar: jsl
    jsl
    Participant
    December 28, 2018 at 10:16

    Hi Rose,

    Sorry wrong user role, please try again now. Thanks!

    Jason

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 28, 2018 at 12:48

    Hello,

    Please provide FTP access.
    Our developers will check the situation more deeply.

    Regards

    Avatar: jsl
    jsl
    Participant
    January 2, 2019 at 13:51

    Thanks Rose. Please find the FTP info in Private content area. Thanks!

    Please contact administrator
    for this information.
    Avatar: jsl
    jsl
    Participant
    January 2, 2019 at 15:10

    Hi Rose,

    In fact with the plugin enabled we can’t get any other images other than the main one to load at all in the product page…

    Thanks!

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 2, 2019 at 15:49

    Hello,

    Thank you. We’ll inform you once fix the problem.

    Regards

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 3, 2019 at 18:19

    Hello,

    Check now, please.

    Regards

    Avatar: jsl
    jsl
    Participant
    January 5, 2019 at 06:09

    Hi Olga,

    The variation images seems to be working now but the lightbox seems to be disabled? Is there a way to enable the variation images but also open up the lightbox for full view when clicked?

    What was the fix? I’ll need to apply this manually to my local dev box.

    Thanks!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 5, 2019 at 12:28

    Hello,

    Check now. We made changes in both parent and child themes (parent theme changes will be included in next theme update). So upload them to your dev site.

    Regards

    Avatar: jsl
    jsl
    Participant
    January 6, 2019 at 10:05

    Thanks Olga. Changes noted. Looking forward to the next update.

    I have picked up some bugs/issues with the new changes. Screenshots and Live examples in private content:
    1) Clickable Area to activate Lightbox:
    – Previous = whole image
    – Now = little icon only
    Whole image clickable is preferred.

    2) Horizontal Thumbnails:
    – Previous = Works fine
    – Now = Not working

    3) Extra navigation elements on Lightbox after update

    Thanks!

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 6, 2019 at 10:50

    1), 2) Our theme uses custom carousel (swiper slider) by default to create the gallery image slider. The plugin that you chose uses the slider gallery(flex slider), zoom of the default WooCommerce theme Storefront (you can check plugin demo https://themes.woocommerce.com/storefront/product/woo-single-1/ ) It does not work with the custom carousel as you could see once you enabled plugin without our customization (we enabled support of the default slider, zoom and lightbox in the child theme). Default gallery does not have the slider for the thumbnails but for the main image only and lightbox by click. If you want to make the plugin work with the custom carousel it requires the additional customization of the plugin. Contact the plugin author or Codeable team.

    3) I don’t see extra navigation on your site https://prnt.sc/m3naqy What browser do you use?

    Reards

    Avatar: jsl
    jsl
    Participant
    January 6, 2019 at 14:25

    Re 1), 2) Ok, I see.

    Re 3). Hmmm… This is seen on Chrome with plugins disabled. Safari seems to be ok.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 8, 2019 at 10:02

    Hello,

    3) I’m using Chrome and don’t see any problem https://gyazo.com/56e471d866d9fc667ab99179c1a02bcb
    Try to clean plugins’ cache and also browser cache https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en

    Regards

    Avatar: jsl
    jsl
    Participant
    January 14, 2019 at 04:13

    Hmm.. from the looks of the screen shot I believe you’re looking at the “live” site, which is fine.

    The staging site where the changes were made (to allow for variation images) is where the problem is occurring. Direct link in private content.

    Thanks!

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 14, 2019 at 11:33

    Hello,

    Nope, we checked the staging site https://gyazo.com/eb1b153949d80b0918be6a1e276a513b

    Regards

    Avatar: jsl
    jsl
    Participant
    January 15, 2019 at 09:18

    Ok. Here’s a screen shot of the inspector screen with the weird box highlighted FYI:
    http://prntscr.com/m7cmdk

    CSS From:
    /wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.css?ver=3.5.3

    
    @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
      /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
      .pswp--svg .pswp__button,
      .pswp--svg .pswp__button--arrow--left:before,
      .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(default-skin.svg);
        }
      .pswp--svg .pswp__button--arrow--left,
      .pswp--svg .pswp__button--arrow--right {
        background: none; } }
    

    Probably a resolution thing. Anyways, not a biggie, just letting you know.

    Please feel free to close this case if you wish. Thanks for your help!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 15, 2019 at 09:34

    Hello,

    I’m glad that you sorted out because I really don’t have part of the code that you mentioned when inspecting the element (background-image: url(default-skin.svg)) http://prntscr.com/m7d05m
    That’s why I did not see the issue.

    Regards

  • Viewing 20 results - 1 through 20 (of 20 total)

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

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