Return to previous page

Theme set at 1140px wide & product images set at 555px

This topic has 12 replies, 2 voices, and was last updated 8 years, 2 months ago ago by Eva Kemp

sotart

Participant

February 17, 2016 at 09:44

Hello,

1. I am trying to add a slider to the home page and although I have set the theme to “wide” and the image to 1600x300px the slider remains fixed at 1140px wide. How can I change this?

2. I am trying to place rectangular images (horizontal/vertical) and the theme automatically converts them to square 555x555px size. As all of my products are paintings I need to be able to show the whole painting and not a cropped image. How can I show the image as it is and not square?

3. Can you recommend a free simple slider plugin? The two slider plugins that you included in the theme are ridiculously complicated. All I need is to add slides and show a text caption & a button

#113420 Copied Theme version: Royal WooCommerce version: 4.4.2

11 Answers

Eva Kemp

Support staff

February 17, 2016 at 12:18

Hello,

1.2. Please provide us with wp-admin panel credentials in Private Content.

3. Sorry, but we can’t recommend any 3rd-party plugins as we didn’t test them with the theme. You may try to test plugins yourself.

Regards,
Eva Kemp.

#113441 Copied

sotart

Participant

February 18, 2016 at 00:57

Please find attached to this message the login info

Please, contact administrator
for this information.

#113586 Copied

Eva Kemp

Support staff

February 18, 2016 at 09:49

Hello,

1. As I see you’re using 3rd-party plugin for the slider, not the one we recommend with the theme. I’ve changed row settings on home page for the slider:
http://storage3.static.itmages.com/i/16/0218/h_1455785370_2940953_3d2b02dfcd.png
Clear browser cache and check it now.

2. I’ve changed images sizes in Woocommerce > Settings > Products > Display and regenerated thumbnails. Please check product images now.

Regards,
Eva Kemp.

#113620 Copied

sotart

Participant

February 21, 2016 at 01:19

The thumbnails look whole now but there is another thing. In the Theme options > Single Product Page > Single product layout: If I use the “small” option then my portrait pictures look ok but the landscape look too small. If I switch to “default” size then the portrait pictures are too high and the landscape pictures look ok. Can we set a max height of ~500px and tell me how so I can play around with the code?

Please, contact administrator
for this information.

#114037 Copied Theme version: Royal WooCommerce version: 4.4.2
Eva Kemp

Support staff

February 21, 2016 at 11:15
Hello,

To change size for single product image use this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.col-lg-6.col-md-6.col-sm-12.product-images, .sxy-zoom-container img {
   height: 500px !important;
}
```
Regards,
Eva Kemp.
#114073 Copied
sotart

Participant

February 21, 2016 at 22:52

Dear Eva,

The code does force the image to have a 500px max height but distorts the image. A longer than 500px image seems squeezed, ie the height reduction does not proportionally change the width of the image. You can see the difference between the two pictures here: http://imgur.com/a/vlx7k The top is the squeezed and the bottom is the normal, but longer than 500px

Please, contact administrator
for this information.

#114104 Copied Theme version: Royal WooCommerce version: 4.4.2

Eva Kemp

Support staff

February 22, 2016 at 13:17

Hello,

By default height is set automatically according to image width.
You said you wanted to change height to 500px. So I provided the code.
Please clarify what exactly you want to achieve and show screenshots.

Thank you.

Regards,
Eva Kemp.

#114182 Copied

sotart

Participant

February 22, 2016 at 13:45

Hello Eva,

I am sending you a few pictures as a reference (http://imgur.com/6FcaXpB).
You will notice that there are two types of paintings on the website, landscape & portrait sizes. Let us assume that (image “limits”) we have an area (lets call it limit area) in the single product page which has maximum sizes a & b (as seen painted gray). In the case of a landscape image I want it to have a maximum width equal to the width, b, of the limit area and a height proportional to the new width, with out distorting the image (ie keeping the height/width ratio). In the case of a portrait image I want it to have a maximum height, a, equal to the height of the limit area and a width proportional to the new height, with out distorting the image (ie keeping the height/width ratio). In both cases the image will not exceed the boundaries of the limit area and will not end up distorted. Also I need to know where in the code to go and alter the a & b of the limit area.

Please, contact administrator
for this information.

#114195 Copied Theme version: Royal WooCommerce version: 4.4.2

Eva Kemp

Support staff

February 22, 2016 at 14:40

Hello,

Please take our apologies but there is no possibility to add different values for landscape and portrait images separately.
Sizes are set for all images.
In this case you can adjust sizes to your needs in Woocommerce > Settings > Products > Display and regenerate thumbnails in Tools > Regen. Thumbnails.

Regards,
Eva Kemp.

#114211 Copied

sotart

Participant

February 22, 2016 at 14:50

Hello Eva,

Could we at least create a code that will not allow the images to have a height more than 500px without distorting the image ratio?

#114218 Copied

Eva Kemp

Support staff

February 22, 2016 at 15:55

Hello,

You can use the code provided in the previous post, but your portrait images will be distorted.

Regards,
Eva Kemp.

#114237 Copied
Viewing 12 results - 1 through 12 (of 12 total)