Return to previous page

Product image size and category order - by emmaxu

This topic has 6 replies, 2 voices, and was last updated 9 years, 7 months ago ago by Eva Kemp

emmaxu

Participant

March 18, 2015 at 03:26

Hi there,

I had originally posted this support request regarding the Royal theme on Themeforest forums and was asked by Helen_Smith to re-post it here (with additional questions).

1. How do I make the product listing images on the main page automatically resize to the same dimensions, without having to modify each image separately? I tried going under the Woocommerce product display settings to make changes there, and regenerated thumbnails, but this did not work. The site is , and I’m trying to get the images under the POPULAR PRODUCTS grid to automatically resize to the same dimensions.

2. Is there any way to rearrange the categories that show up on the main page using a custom order? I tried rearranging the Product Categories under Woocommerce admin section but this did not fix the issue.

3. When I view one of my product pages on a smartphone, e.g. , the image is cut off and does not show up properly.

4. The site appears to load really slowly. Any suggestions as to how to improve performance?

Thanks for any assistance that you can provide.

#50357 Copied Theme version: 1.7.1 WooCommerce version: 2.3.6

5 Answers
Eva Kemp

Support staff

March 18, 2015 at 13:59
Hello,

1. Please add this code in custom.css file:
```
.product-content-image img {
    height: 200px !important;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

2. Unfortunately there in no such option. Sorry.

3. I’ve checked Shop page and haven’t seen any issues.
Could you please show a screenshot?

4. You can speed up the site following the suggestions from these articles:
http://codex.wordpress.org/WordPress_Optimization
http://techtage.com/speeding-up-wordpress-sites/
http://www.sparringmind.com/speed-up-wordpress/

Thank you.
Regards,
Eva Kemp.
#50491 Copied
emmaxu

Participant

March 22, 2015 at 19:02

Thanks for the helpful response Eva, I figured most of it out after reading your comments.

Can you also provide me with the CSS that will ensure every product page image has the same height? For example, if you look at the two product pages below:

http://gotool.ca/product/188030-toilet-single-flush-6lt-white-hb25a/
http://gotool.ca/product/103009-submersible-util-pump-16-h-p/

I would like for the main product image to be the same height as well, regardless of the original dimensions. Thanks for any assistance you can provide.

#51506 Copied Theme version: 1.7.1 WooCommerce version: 2.3.6
Eva Kemp

Support staff

March 23, 2015 at 15:42
Hello,

Please try to use this code:
```
img.attachment-shop_single.wp-post-image {
  height: 200px;
}
```
Thank you.
Regards,
Eva Kemp.
#51703 Copied
emmaxu

Participant

March 24, 2015 at 03:37

Thanks for your time Eva.

Regarding your answer in post #17946, has the default search form been implemented in the header yet? If not, would I be looking somewhere in header.php to try and make these changes?

Also, for my previous question “2. Is there any way to rearrange the categories that show up on the main page using a custom order? I tried rearranging the Product Categories under Woocommerce admin section but this did not fix the issue.”, you mentioned that this is not available yet. Could you let me know whether there is a php file I could look into to try and made these changes?

#51872 Copied Theme version: 1.7.1 WooCommerce version: 2.3.6

Eva Kemp

Support staff

March 24, 2015 at 12:13

Hello,

To get default search you need edit the file wp-content/themes/royal/woosearchform.php (line 15 ) and remove the code <input type="hidden" name="post_type" value="product" />.
To have possibility to sort products categories by order you can edit the file wp-content/themes/royal/framework/vc.php (line 1468), uncomment the code from line 1468 to 1491, remove /* and */ accordingly.
Then you’ll be able to select order type in Products Categories element in Visual Composer editor.

Thank you.
Regards,
Eva Kemp.

#51953 Copied
Tagged: best selling, category order, persuasive, product image, product size, themes, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)