Shop Sidebar Colour Swatches – Chopped Off…

Hi,

I’m experiencing an issue with the shop sidebar cutting half of the product count box. This error occurs in all browsers and all zooms. It also appears in both single and two-column layouts – screenshots attached.

Kind regards.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area. I will check the settings.

Best Regards

Thank you for taking a look at this.

Details below.

Hello,

I am checking your site and I do not see this problem: https://gyazo.com/ac9284ddd7fc3ec4e0e774e28ee01986

What device do you use and how are you testing?

Best Regards

Hi Elise,

How odd. I’m using a MacBook Pro. It does this for me in Chrome and Safari. In Firefox the whole circles appear, but it doesn’t introduce an unnecessary scrolling bar. Any ideas?

Kind regards.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

body .woodmart-woocommerce-layered-nav .swatches-display-double li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 49%;
            flex: 1 1 49%;
    max-width: 49%;
}
body .woodmart-woocommerce-layered-nav .woodmart-scroll .swatches-display-list li {
	margin-right: 15px;
}

Regards

Hi Bogdan,

Unfortunately this hasn’t quite fixed the issue. On the above, the right-hand side of the second row of numbers was still being chopped off. Changing the values to 48% has fixed this.

This now appears ok, but when the user hovers over it, the scroll bar reappears. Screenshots attached.

Kind regards.

Attachments:

You must be logged in to view attached files.

Hi,

Scrollbar that appears on hover is default behaviour for the Nanoscroller library script that is used in our theme. If you want to use default browser scroller without hover please disable Nanoscroller in Theme Setting => Perfomance => JS => Nanoscroller library.

Examples from Chrome browser:
Widget with nanoscroller – https://gyazo.com/3438508809b6640db3e9e0eb080b7d65
Widget without nanoscroller – https://gyazo.com/5dc437793afc3ef746ffcbb40b48f6a9

Best Regards

Hi Bogdan,

Disabling this has now just put the scroll bar back in as default. Can I not just increase the height of this element so that the scroll bar disappears as it looks messy.

Kind regards

Hi,

By default, scroll on filter widgets appears if its content height is larger than the height that is set by option “Height for filters widgets” in the theme setting. For now the initial height of your colour filters is 294px (https://prnt.sc/wlrqrq) and “Height for filters widgets” is set to 280px (http://prntscr.com/wlrvnt), that mean that scroll on filter widgets will appear to compensate 14px difference in height that now can be scrolled through.

To remove scroll from filter widget navigate to Theme settings => Shop => Widget and set “Height for filters widgets” option value larger than 294px (for example 300px).

Best Regards.

Perfect – thank you for your help Bogdan – job done.

We are glad to help you. What else can I help you with? We just received a review on ThemeForest and are sorry that you are not satisfied with our support. So we would be happy to improve this situation so you can change your rating to 5 stars if possible.

Thank you in advance.

Hi Artem,

We have four issues which we have been asking for help with for days and the same replies keep coming, which are not solving our issue:

1) https://xtemos.com/forums/topic/3x-woodmart-qs-additional-info-size-guide-category-icons/
Here we’re asking how to change the “Additional Information” label on the second tab on a product page – the one which shows the product attributes. We’ve been told to try the Loco Translate, this didn’t work and then we’ve been told to change a setting under Theme Settings, which isn’t there.

2) https://xtemos.com/forums/topic/change-the-hot-label-on-products/
The last reply – I refuse to believe there is no way of switching the “Hot” label to always appear above the “sale” attribute – I believe support just cannot be bothered to help on this one.

3) https://xtemos.com/forums/topic/google-maps-error-4/
Was told this error would be discussed with your dev team nearly three weeks back, but no reply since.

4) https://xtemos.com/forums/topic/shop-sort-by-not-working-pricing-filter-help/
The ‘Filter by Price’ slider – surely this can be used with another numerical attribute, as I’m using a Price Measurement plugin, so the “price” in the backend is not the actual “price” shown on the front end.

Any actual help to these queries would be appreciated… every time I’ve asked support it has taken 4-5 questions to get an answer. I just need answers – not a drawn our conversions with Elise.

Kind regards,
Stewart

Hello,

I have personally reviewed your requests and noticed that some answers were not as accurate as they should be. I do apologize for the inconvenience.

1. This topic is resolved already and seems to be closed.

2. We have sent you a CSS code to align the labels and change their order with flexbox.

3. We have checked this with our dev team and it looks like you solved the problem. But anyway, we are rechecking it now and will reply to you there very soon.

4. As we can see, you posted a few questions there and also duplicated questions from your 2nd topic. Please, keep all relevant questions in one topic.
As for the price filter, unfortunately, we are not able to customize it since it is generated by the WooCommerce plugin. Sorry, but such customizations are out of our theme support scope.

Feel free to ask if you have any extra questions.

Kind Regards

Hello @ShakerMaker,

Is there anything else that we may help you with? Do you still have questions regarding your topics?

It would be very kind of you if you can change your review on ThemeForest while we are doing our best to provide you with reliable customer support. Thank you for understanding.

Kind Regards

[Author]

Posts