Return to previous page

I want to ask that is it possible to make the size of product container double on hover

This topic has 6 replies, 3 voices, and was last updated 1 years, 1 months ago ago by Andrew Mitchell

Hanzla Nadeem

Participant

January 5, 2024 at 12:49

I saw a website in which if you hover on the product, the size of product container gets double, revealing the information of the product on other half of the container.
is it possible to do so,

secondly is it possible to add a major category image in your product list. my english is not so good to explain you better so I have attached the image beloww:

https://imgur.com/a/jGljHaM

source: https://www.bulgari.com/en-pk/jewellery/by-collection/divas-dream

#378701 Copied Theme version: 9.2

5 Answers

Hanzla Nadeem

Participant

January 5, 2024 at 19:44

Please reply?

#378815 Copied

Tony Rodriguez

Support staff

January 6, 2024 at 09:12

Hello, @Hanzla Nadeem,

1)Thank you for reaching out to us with your queries Regarding the first point you raised about a dynamic product container on hover, unfortunately, XStore does not provide an exact replication of the product display feature you observed on the website you mentioned. However, we offer an alternative through the XStore Products Masonry element or XStore Categories Masonry element, which can be utilized to enhance your product presentation.

The hover effect on product containers and the inclusion of major category images in your product list.

Regarding the hover effect you mentioned, I understand that you observed a website where hovering on a product results in the product container doubling in size to reveal additional product information. While XStore does not provide an exact product masonry feature, you can achieve a similar effect using the XStore Product Masonry and Categories Masonry elements. Here’s a step-by-step guide to help you implement this feature:

a)Navigate to the WordPress dashboard.
b)Edit or create a page, post, or static block using Elementor.
c)Drag and drop the XStore Product Masonry widget onto the desired section of your page.

2)For product masonry:

a)Explore the settings in the Content, Style, and Advanced sections of the XStore Product Masonry element.
b)Adjust the settings according to your preferences to achieve the desired hover effect.

3)For category masonry:

a)Similarly, use the XStore Categories Masonry element for categories.
b)Adjust the settings in the Content, Style, and Advanced sections to customize the appearance.

Please refer to the attached visual reference in the provided image link:
https://imgur.com/a/xBTtsGn
https://imgur.com/a/JzmW34A

Kind Regards,
8theme team

#378841 Copied

Hanzla Nadeem

Participant

January 6, 2024 at 10:53

okay thanks

#378856 Copied

Tony Rodriguez

Support staff

January 6, 2024 at 12:10

Hello, @Hanzla Nadeem,

You are welcome!

Best regards,
8theme Team.

#378866 Copied

Andrew Mitchell

Support staff

January 6, 2024 at 21:44

Dear Hanzla Nadeem,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#378898 Copied
Tagged: customize woocommerce, double size on hover, e-commerce website design, hover effects woocommerce, product container size, responsive woocommerce themes, wordpress woocommerce themes
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘i want to ask that is it possible to make the size of product container double on hover’' has been successfully resolved, and the topic is now closed for further responses

I want to ask that is it possible to make the size of product container double on hover

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection