Few queries on Filter and product image

Hi Team,
I have recently bought your theme and I am totally impressed with your feature. Thank you for that. I have few queries and need assistance on below

1. I could see product images in shop pages are zoom in view in default and i want to remove it
Website link : http://52.66.26.75/index.php/product-category/copic/
Screenshot : http://prnt.sc/tanrcf

2. Can we achieve this in shop page category .Instead of selecting each sub category i want to select the check in in box s it will filter in that way
Website link : http://52.66.26.75/index.php/product-category/copic/
Screen shot : http://prnt.sc/tansup

4. Can we create a individual category page separably and category filter not like shop page ..ie like ex : Marker is a category and i want to add a separate page for markers and add category filter on left side.

5. When i select filter on price it throws link not fount error

Screen shot : http://prnt.sc/tanvhp
Error : http://prnt.sc/tanwal

4.How can we reduce the space between the menu items in mega menu

screenshot : http://prnt.sc/tao1mv

Thanks in advance..

Hello,

1) To Disable the zoom effect you need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

body .product-grid-item .product-element-top:hover .hover-img {
transform: none;
-webkit-transform: none;
}

2, 5) The URL you provided is password protected. Please provide a working URL or provide a password to access the page and help you out accordingly.

3) Unfortunately, there is no such option in theme settings to create separate pages for categories because the shop and categories pages are controlled by WooCommerce and our theme doesn’t influence this.

4) You can set the margins for each item from editing the HTML block used in the item on hover from Appearance >> Menus >> Edit Menus.

Screenshot for Clarification: https://ibb.co/Qv3245W

Best Regards.

Hello,

Thank you for the warm feedback.

1. Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-sticked .main-nav .item-level-0 > a:hover {
    color: orange;
    background:yellow;
}

2. Woocommerce does not provide the option by default. You will have to find a plugin.

3.(4) You can create a custom page add a Product Grid /Carouse element and set showing the products from a certain category. https://xtemos.com/docs/woodmart/faq-guides/product-grid-carousel-element/

You can insert custom filters in this page: https://xtemos.com/docs/woodmart/faq-guides/create-filters-form/

4 (5) Please make the full backup of your site as well as the Theme settings export and check the issue on the Storefront theme to detect if our theme causes the problem. Storefront is a free theme developed by Woocommerce. Make sure you Wooocmmerce database has been updated.

5 (4) Please add this code to the Theme Settings > Custom CSS > Global:

body .mega-menu-list .sub-sub-menu li a, .menu-mega-dropdown .sub-sub-menu li a {
    padding: 4px 0;
}

Replace 4px for the value you need.

Best Regards

Thank you for the reply .
I have removed password protection on site. Sorry for the inconvenience

1. 1. Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-sticked .main-nav .item-level-0 > a:hover {
color: orange;
background:yellow;
}

My reply – 1. I tried this code and still product images in shop page are in zoom in mode.

My reply – 2. Can you suggest any plugin to achieve this functionalities

My reply 4. Actually i found out how this issue caused.
When i browse any pages in the site the link structure is : ex : http://52.66.26.75/index.php/product/sizzix-big-shot-machine/

site URL and index.php/product path . But when i do any filter price search the link wont redirect through index.php and its redirecting withour index.php and causes the issue : ex: http://52.66.26.75/product-category/copic/?min_price=20&max_price=1000 – without index.php and causes the issue and if i add index.php after the url its working. same link ex : http://52.66.26.75/index.php/product-category/copic/?min_price=20&max_price=1000 . Please check my site and help me to fix this issue. I have added site credential for your reference.

Thanks

Hi ,
I forgot to mention my mini cart option is not working . After adding products to cart its directly going to cart page instead of mini cart which will appear on right side.
site link : http://52.66.26.75/

Thanks in advance

Hello,

1. Sorry, I inserted the wrong code by mistake. This code is correct.

body .product-grid-item .product-element-top:hover .hover-img {
transform: none;
-webkit-transform: none;
}

2. We have not tested any plugins that is why we cannot recommend it.

4. This is the way Woocommerce creates the URL our theme does not influence.

Shopping cart. Disable the shopping cart here: https://prnt.sc/tbmo6n

Best Regards

Thank you for the reply .

1. body .product-grid-item .product-element-top:hover .hover-img {
transform: none;
-webkit-transform: none;
}
I have added this code and still not reflecting in site please check

Hello,

Sorry for the misunderstanding you asked to disable the zoom effect from the product grids that’s why I provided you with the code.

I have visited your website and the image is not zoomed. The image you have used for the product is actually cut off from the bottom. That’s why it is displayed like this.

Please clear cache and check back.

Screenshot for Clarification: https://ibb.co/ZYjgCyz

Best Regards.

Hi ,
Thank you for the reply.
Please see the same product image in home page : http://prnt.sc/tbocih
and I am using the same image and when it comes to product grid its zoomed in. Seems like some zoom in feature added in for product grid and its same to all products and you can check through image page.

Thanks

Hello,

I saw the screenshot you attached.

The Image is displayed fine in the product tabs because you have set the product image to full size from the settings.

Screenshot for Clarification: https://ibb.co/JtGydVd

The Product images are controlled by WooCommerce and our theme doesn’t influence them. WooCommerce provides settings for product images that you can find under Appearance >> Customize >> WooCommerce >> Product Images.

Screenshot for Clarification: https://ibb.co/T20wRY8

The Product Images displayed on the shop are cropped that’s why they are displayed like this. You can set the thumbnail width and crop according to your needs.

Best Regards.

Thank you it worked

Hello,

We are thrilled that you loved your experience with XTEMOS, We put customer experience and satisfaction as our priority, and your words reaffirms the hard work we put in every day. So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts