Return to previous page

Resize image of product at single product page

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

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.

#118123 Copied

10 Answers

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.

#118125 Copied
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.
#118249 Copied
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.

#118269 Copied
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.
#118301 Copied
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.

#118318 Copied

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.

#118331 Copied

tamarica

Participant

March 21, 2016 at 22:11

sorry. thats the right site name.

Regards,
tamarica.

Please, contact administrator
for this information.

#118348 Copied

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.

#118373 Copied

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.

#119049 Copied

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.

#119086 Copied
Viewing 11 results - 1 through 11 (of 11 total)