Return to previous page

Image size is not changing - by alahdal - on WordPress WooCommerce support

This topic has 5 replies, 2 voices, and was last updated 3 years ago ago by Olga Barlow

alahdal

Participant

September 28, 2021 at 09:04

Hello,
I added a Product Categories to my theme
https://prnt.sc/1tx3azi

there is no size changer or anything I didn’t find it
I have tried to add coding but not very responsive

#303725 Copied Theme version: .8.0.7 WooCommerce version: lastest

4 Answers

alahdal

Participant

September 28, 2021 at 09:23

also, I want to change the dropdown menu effect
https://prnt.sc/1tx699y
https://prnt.sc/1tx6b6f

#303727 Copied

Olga Barlow

Support staff

September 28, 2021 at 17:06

Hello,

1) You can manage woocommerce images size in Theme Options > WooCommerce > Product images. You are able to control the shop_catalog and WooCommerce_thumbnails size there. Thumbnails size you can set from Settings > Media. There is no other option to choose the product categories size. What image size do you want to set there?

2) What animation do you want to have for All departments? Could you, please, provide us with link to an example and we’ll try to help you with that?

Regards

#303776 Copied

alahdal

Participant

September 28, 2021 at 20:40

1} I want to set the size to 110px, but if I can add like another shop_catalog but different size and keep the original one.

2} https://www.portotheme.com/wordpress/porto/shop35/
I want it to be similar to this one

#303832 Copied
Olga Barlow

Support staff

September 29, 2021 at 15:50
Hello,

1) Go to Settings > Media > change thumbnails size to 110×110 there. Check the categories images after that. There is no option to add Custom size for that element.

2) Add the below code to Theme Options > Custom CSS
```
.et-secondary-visibility-on_hover .secondary-menu-wrapper:hover .menu, 
.et-secondary-visibility-opened.et-secondary-on-home .secondary-menu-wrapper:hover .menu {
    animation: none;
}

.et-secondary-visibility-on_hover .secondary-menu-wrapper:not(:hover) .menu, 
.et-secondary-visibility-opened.et-secondary-on-home .secondary-menu-wrapper:not(:hover) .menu {
    transform: translateY(-20px);
    animation: none;
    opacity: 0;
    visibility: hidden;
    display: block;
}
```
Regards
#303956 Copied
Tagged: change, image size, optimize, templates, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)