Home Forums Themes Support Claue-Shopify Thumbnails for just one variant

This topic contains 13 replies, has 3 voices, and was last updated by  Foster 15 hours, 40 minutes ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #21693

    Hi,

    I have an issue using the following configuration:

    – Claue V1.0.4 for Shopify
    – Two columns with image carousel
    – Color and size variants
    – Images just for color variants

    For example in the following scenario:

    – I have a product with 3 color variants and 6 size variants
    – I only uploaded 3 images corresponding to each color variant (e.g. black, white, green)
    – For each variant combination, the image associated depends only on the color. For example, product Black/Small uses exactly the same image as Black/Large.

    The problem is:

    1. The product page shows 18 thumbnails (3 colors by 6 sizes).
    2. The thumbnails are not working right, whenever one is clicked, the main image either changes to blank (no image), or to the right image (e.g. black thumbnail shows black main image), or to a different image (e.g. black thumbnail shows green image).
    3. The selection of color and size swatches shows randomly any of the 3 images as main image, for example if you select White/Small swatches, the main image could turn out to be the green one.

    Behavior I´m looking for:

    1. Show just thumbnails for the color variant (3 thumbnails in this example).
    2. The thumbnails are to be just controlled by the color swatches. Size swatches should not affect the thumbnail behavior or the main image.
    3. I tried the Debut (default shopify template) and it works as I expect (the thumbnails behavior and main image changes just when the a color variant is changed, size variant does not affect), so I´m sure that the problem is not the product configuration/variants.

    I´m sorry if this is a resolved issue, I tried to look for it but didn’t find one.

    Thanks and regards.

    #21877

    Hi,
    I’m sorry for the late response. Can you please provide me your store URL? I will send you store access request, please approve so we can take a closer look at this issue.

    #21960
    This reply has been marked as private.
    #22080
    This reply has been marked as private.
    #22235
    This reply has been marked as private.
    #22440

    Hi Chris,
    We are so sorry for missed this ticket. I have sent the store access request, please kindly check your email and accept, I will help you setup an example product.

    #22457

    Access granted, thanks.

    #22601

    Hi Chris,

    I have setup an example product for you here, please check https://cannytees.com/products/new-product

    #22602

    Hi, thanks!

    #22637

    Hi, I noticed that this solution works well as long as the size is not changed (is kept in Small), else a change in the color swatch does not changes the main image. I understand why is this happening, and perhaps is not a big deal, but it could be confusing for the end user, is there a way to make it work for all the sizes?

    Thanks,
    Chris

    #22712

    Hi Chris,

    I understood your idea, let me think and find the solution for this. I will get back to you soon with any updates on this.

    #22790

    Hey Guys,

    I am at the same point with my project and just came to the board to post and found that Chris already did a 100% accurate job detailing my exact issues:

    1.  Show just thumbnails for the color variant (3 thumbnails in this example).
    2.  The thumbnails are to be just controlled by the color swatches. Size swatches should not affect the thumbnail behavior or the main image.
    3. I tried the Debut (default shopify template) and it works as I expect (the thumbnails behavior and main image changes just when the a color variant is changed, size variant does not affect), so I´m sure that the problem is not the product configuration/variants.

    So I think we can all agree that changing the size certainly should not impact the photo shown as it does, and with my 3rd color variation (of 4) I also just get a blank as Chris found as well.

    As for a potential solution to #1, which is showing ONLY the relevant thumbnails for each color variant… I am the guy, Harry (if this is you reading this), that had reached out to you before buying this template as I had purchased Claue from Themeforest in Spring 2017 – THAT version of Claue did have a means of delivering on what Chris is looking for which is only displaying relevant thumbs for each color variant.  I have looked back and it’s far too complicated for me to parse out how exactly they accomplished that and while that would be great to have again so perhaps you can talk to whomever you might know over at Tea Themes and accomplished that in their version of the template.

    Anyway while that would be great, my most immediate concern is 2 fold:

    1. Changing size should NOT change the images.
    2. The changing should be reciprocal.  That is, when say the ‘Green’ swatch is selected it shows the green photo (obviously), but then as you use the <  > arrows on the carousel, the selector should also change on the color swatch so that the highlighted color always matches the displayed photo.  Makes sense, right?

    Please advise!  Thanks in advance.

    Ryan

     

    #22792

    fwiw, I just found what is a highly simple implementation, which I tested per the instructions on the free ‘Simple’ theme (took 90 seconds) and works perfectly but as it seems there is something out of whack with our liquid files re: swatches our template doesn’t respond to the additional bits of code…

    https://help.shopify.com/en/themes/customization/products/variants/select-variants-by-clicking-images

    Ryan

    #22893

    Hi Guys,

    We found the solution to fix those issues. A new version includes bug fixes and improvements will be released soon, please kindly stay tuned.

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.