Return to previous page

Solution to Additional Variation Images - by jsl

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

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

#205196 Copied Theme version: 5.1.3 WooCommerce version: 3.5.2

19 Answers

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

#205269 Copied

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.

#206421 Copied

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

#206430 Copied

jsl

Participant

December 28, 2018 at 10:16

Hi Rose,

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

Jason

#206433 Copied

Rose Tyler

Support staff

December 28, 2018 at 12:48

Hello,

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

Regards

#206437 Copied

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.

#206534 Copied

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.

#206539 Copied

Olga Barlow

Support staff

January 2, 2019 at 15:49

Hello,

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

Regards

#206540 Copied

Olga Barlow

Support staff

January 3, 2019 at 18:19

Hello,

Check now, please.

Regards

#206621 Copied

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!

#206668 Copied

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

#206678 Copied

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.

#206702 Copied

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

#206705 Copied

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.

#206715 Copied

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

#206754 Copied

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.

#207014 Copied

Olga Barlow

Support staff

January 14, 2019 at 11:33

Hello,

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

Regards

#207045 Copied
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!
#207087 Copied
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

#207088 Copied
Viewing 20 results - 1 through 20 (of 20 total)