Resize image of product at single product page

This topic has 11 replies, 3 voices, and was last updated 8 years ago ago by Jack Richardson

  • Avatar: tamarica
    tamarica
    Participant
    March 20, 2016 at 08:26

    hello,
    i have some difficulties to display the image of the product at the single product page.
    i know that my images are not good and with difference of sizes. i know:( i told it to my client but this what he has for now, but i was thinking if there is a way to display them more nicely, and with the same size approximately.
    some of them became very big because i chose zoom efect lens, but when i remove it the photos become very very small.
    how can i display them at least 400px width and 400px height max.??

    thank u 🙂
    tamarica.

    10 Answers
    Avatar: tamarica
    tamarica
    Participant
    March 20, 2016 at 08:49

    hi, regarding to my last question.. i dont understand why at woocommerce single product image its set to 400px x 400px and still there are some images for example: display as 500px x 890px while the image at the media is 400px x 600px .

    Best Regards,
    tamarica.

    Avatar: Eva
    Eva Kemp
    Support staff
    March 21, 2016 at 12:23

    Hello,

    Please try to use this code in Theme Options > Styling > Custom CSS > Custom CSS for desktop:

    .product-images-slider, .product-images-slider .owl-item img, .sxy-zoom-container {
        width: 400px !important;
        height: 400px !important;
    }

    Regards,
    Eva Kemp.

    Avatar: tamarica
    tamarica
    Participant
    March 21, 2016 at 13:22

    thank you very much! i would like to do same thing to the products at the category page.can you please tell me what is the element name over there, so i can change sizes as well?

    and one last thing please about the revolution slider. it looks good at the desktop but the Mobil doesnt look good. the image that i put in the slides are at layer 2 . maybe thats the reason that the slider at the Mobil doesnt display well but than i had to do that because for my desktop that was the only way that my client liked it.
    what do u think i need to do that the slider will look good at all devices?

    Best Regards,
    tamarica.

    Avatar: Eva
    Eva Kemp
    Support staff
    March 21, 2016 at 15:27

    Hello,

    Please use this css code in Custom CSS for desktop:

    .shop-full-width .products-grid.row-count-4 .product img {
        width: 200px !important;
        height: 200px !important;
    }

    Please provide us with correct WP admin credentials to check the issue with slider.

    Regards,
    Eva Kemp.

    Avatar: tamarica
    tamarica
    Participant
    March 21, 2016 at 17:34

    thanx!!!
    for the slider i added the credentials.

    i have one more question about the visual composer..
    there is this Price Box and the submit button inside. there is a way to send it direct to cart of my shop? if not , there is another way to pay for the product?
    by the way, i didnt build yet the pricing boxes/ just want to know the concept before i start:)

    thanx for helping:)
    tamarica.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    March 21, 2016 at 18:46

    Hello,

    Your site name is incorrect.
    We’re getting error “Server not found”. Please check if you wrote it correctly.

    Regards,
    Eva Kemp.

    Avatar: tamarica
    tamarica
    Participant
    March 21, 2016 at 22:11

    sorry. thats the right site name.

    Regards,
    tamarica.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    March 22, 2016 at 09:28

    Hello,

    Try to set Slide Layout to “Auto” instead of “Full Width” and check slider on mobile then.
    To add Buy button in Price Box element you can use this url in “Button Link” field: http://boutiquenatasha.com/?add-to-cart=4230 , change the number 4230 to your product id.

    Regards,
    Eva Kemp.

    Avatar: tamarica
    tamarica
    Participant
    March 27, 2016 at 09:20

    hello,

    thank you but i dont need the “Button Link”. the only reason that i created to layers in each slider is because i didnt want that the image at the slider will be full wide on the screen. i like the way it looks now on the desktop. the problem is that at the mobile it doesnt looks good. u can see that the second and third slider are not full displayed. the image is cut at the middle.

    can u please help me with that?

    thank u:)
    tamarica.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 28, 2016 at 10:05

    Hello,

    I’ve changed slider sizes for mobile in Revolution Slider settings.
    Please check slider on mobile now.

    Best regards,
    Jack Richardson.

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