Legenda: Variable Product Images Squashed

This topic has 10 replies, 3 voices, and was last updated 7 years, 8 months ago ago by Robert Hall

  • Avatar: afro
    afro
    Participant
    August 5, 2016 at 14:42

    Dear Support,

    I have a test site that I’m keen to launch for a client, but i’m having a silly issue that I have tried to resolve myself, but with no luck :/

    The issue is with variable product images – I create a variable product, and each of the two variations have their own image, so that when the customer selects the product variation type, the image changes accordingly.

    Currently the images are appearing squashed and I was wondering if you could take a look at my website?

    Ideally I’m looking to launch the website next week, so it would be great if you could give me a hand.

    I’m also getting an error where my child theme is stating that the template files for woocommerce are out of date.

    Please contact me so I can send you a link to the site. Many thanks.

    Conal

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 5, 2016 at 14:52

    Hello,

    Please provide us with wp-admin credentials.

    Regards,
    Rose Tyler.

    Avatar: afro
    afro
    Participant
    August 5, 2016 at 15:02

    Thanks for such a quick response, i’ll definitely be extending my support!

    Check private content for login details..

    Thanks again!

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 5, 2016 at 15:09

    Thanks for using our theme.
    You can add this code in Custom CSS file:

    .sxy-zoom-container .sxy-zoom-bg {
        width: auto !important;
        left: 50%;
    	-webkit-transform: translateX(-50%);
    	-moz-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
    	-o-transform: translateX(-50%);
    	transform: translateX(-50%);
    }

    Here is video tutorial how to create custom.css file
    https://www.youtube.com/watch?v=Qok2zRedRMY

    Regards,
    Rose Tyler.

    Avatar: afro
    afro
    Participant
    August 8, 2016 at 13:14

    Dear Support,

    I have added the code (to the child theme’s style.css – as I couldn’t get the custom.css to work within the child theme)

    The amendment is working as planned – it shows the squashed image and then resizes the image….

    Also now the thumbnails below the picture no longer reflect the images they represent.

    I’d appreciate if you could take another look at this while the CSS you suggested is still added to the site…

    It would be great if you could find a solution as i’m sure you can appreciate that i’d expect this to work straight out of the box.

    Many thanks,
    Conal

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 8, 2016 at 13:35

    Hello,

    Please provide us with FTP credentials.

    Regards,
    Rose Tyler.

    Avatar: afro
    afro
    Participant
    August 8, 2016 at 13:51

    Hello,

    FTP details attached.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 8, 2016 at 14:00

    Hello,

    This is what I see http://prntscr.com/c32jgo, please give me full access rights to files.

    Regards,
    Rose Tyler.

    Avatar: afro
    afro
    Participant
    August 8, 2016 at 14:21

    Dear Support,

    Apologies, my junior sent me the wrong FTP details to a different test site…

    I’m having a security issue when setting you up an FTP account, hold fire I have contacted my hosting support to resolve the issue.

    Many thanks i’ll message back shortly with the credentials

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 10, 2016 at 17:33

    Hello,

    Ok, looking forward to your reply.

    Regards,
    Robert Hall

  • Viewing 10 results - 1 through 10 (of 10 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.