change graphics in page "shop" and "single product"

lu72 · June 2020

Hi,

I need to change graphics of pages of woocommerce:

1a. How can I set in my site this mouse hover effect on the image of my category in this page ? (like from your theme example https://themes.muffingroup.com/be/ecofood/products/ )

1b. Always in this page, how can I hide the number in the title of category?

----------------------------------------------------------------------------------------------------------------

2a. In this page, how can I have the images in high quality? Now i don't know why is very blurry...

2b. Always in this page, how can I have this other mouse hover effect like your theme example https://themes.muffingroup.com/be/ecofood/product/bread/ ?

----------------------------------------------------------------------------------------------------------------

3. How can I reduce this space of the header? you can see what I mean here https://ibb.co/T2ygQjV

Thanks in advance,

Elisa

Pablo · June 2020

Hello,

1a) All of the hover effects of the images can be found in the Theme Options > Global > General

1b) Please paste that CSS code into Theme Options > Custom CSS & JS > CSS

.woocommerce-loop-category__title .count{display:none;}

2a) You have to increase the image size of shop.

To change the woocommerce images size please go to the customizer tool in wordpress and change it in the front-end.
More information HERE

2b) You can only disable it, it's not coming from BeTheme, but from WooCommerce itself.

3) It's a subheader, please decrease the padding of that element in the Theme Options > Header & Subheader > Subheader

Thanks

lu72 · June 2020

Thanks for reply, but I still have 2 problems:

1a. But why in my page mouse hover effect don't work? (the same effect that is in your page, in my don't work... https://themes.muffingroup.com/be/ecofood/products/)

2b. Same things of 1a, the effect don't work.

How can I fix this problems?

lu72 · June 2020

Ah, another question: here, how can I move the slogan of "name category" from right to left?

Thanks

Pablo · June 2020

1a) It is working here:

Is that page you send a main shop page? Or it's created with shortcode?

2b) Do you use any additional plugins for woocommerce?

3) Please paste that CSS into Theme Options > Custom CSS & JS > CSS

.product_meta{text-align:left !important;}

Thanks

lu72 · June 2020

Thanks for 3), it works!

In this page I want the same effect of this page , but now don't works.

And no, i'm not using any additional plugin.

Pablo · June 2020

The negozio page does not work now - did you rename it?

Also, please disable all of the plugins (leave the WooCommerce turned on only), clear the cache and check, if the issue still exists.

Thanks

lu72 · June 2020

Yes sorry:

But i can't do what you tell me because it's a online website

Pablo · June 2020

Please do it just for a second - it's just a quick test.

You can attach a under construction mode for this time.

Thanks

Comments