Some bugs and issues v6.5.2

[harshwe]

Hello Luke,

I found probably a few bugs or issues after updating to 6.5+ versions

1. Mouse hover animation which is supposed to show under menu names (from Main menu), is now Not displaying up on hovering mouse on menus on our Live (running 6.5.2) and staging site (running 6.5.0 v) both.
However, they were working prior to 6.5v update
And the same is displaying in your Home decor demo.

Please refer below video-
https://watch.screencastify.com/v/hIBR0fOmrChBBK6uTYKB

2. The size attribute had borders around each of the terms till version 6.2.6
or later version (but until before 6.5v)
After update to 6.5 version, it is now Not showing the borders. Also, the font is now Bold, or has changed.

However, the borders are still showing for colored swatches (for color attribute) on 6.5 too, but strangely not showing for terms of “Size” attribute
Can you please check and share the updated code for this.

PS: You shared the custom CSS earlier to show borders around each here-
https://xtemos.com/forums/topic/attribute-terms-are-not-showing-border-while-color-not-at-all-visible/#post-337817
and here-
https://xtemos.com/forums/topic/attribute-terms-are-not-showing-border-while-color-not-at-all-visible/#post-336661

The same was there on our Live site until few days earlier when running 6.2.6, but now we have updated it to 6.5.2
Hence, cannot be seen, now.

However, below video will help you understand it (as I created it prior to update the theme to 6.5v)
https://watch.screencastify.com/v/WAY1iu591LTz4ocIR286

Regards

• This topic was modified 1 year, 11 months ago by harshwe.
• This topic was modified 1 year, 11 months ago by harshwe.

Hello,

1. Please, navigate to Theme Settings -> Custom CSS, and remove the custom CSS code that is shown on the below screenshot.

https://monosnap.com/file/aCqpH71AQDDZXKqwD6abQgOqN0zKMP

2. Please, try to use the below code for adding the border to the size swatches.

.woodmart-woocommerce-layered-nav .wd-filter-list .wc-layered-nav-term.with-swatch-text a {
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 3px;
	padding: 3px;
}

Kind Regards

[harshwe]

Hello Luke,

1. Thank you so much Luke. This worked perfectly. This even started showing mouse-hover underline animation on Product tabs also (on single product page)
https://watch.screencastify.com/v/F3cjCzvbU5A2rkEn5wJL
I was about to ask the same issue for Product tabs also, later-on, but now not required. As your CSS worked for both areas.

I am surprised as why Bogdan provided that Custom CSS earlier, as that has nothing to do with Product tabs alignment and other issues which arises from 6.5v onwards

And this is the reason, why I prefer to ask you only, most of times.
Much appreciable. Thank you so much

2. Yes, even this worked too.
I asked about font displaying bit Bold too for the Size attribute terms. Can I ask how to adjust the font style and size too, just for the Size attribute terms.
Can that be done via Advance typography.

Regards

• This reply was modified 1 year, 10 months ago by harshwe.

Hello,

Yep, but there is no way to add the border for the size items.

https://gyazo.com/d26058a90498acfa9fbce5168eabbaff

You can try the below code for changing the font-weight.

.woodmart-woocommerce-layered-nav .filter-swatch.with-text {
    font-weight: 700;
}

Or enable for each size swatches the “Enable swatch” option via Products -> Attributes.

https://gyazo.com/db4ff3fb24c63edbe20210ebc91cf6ff

Kind Regards

[harshwe]

Hello Luke,

…but there is no way to add the border for the size items…
https://gyazo.com/d26058a90498acfa9fbce5168eabbaff

I could not understand this message of yours. Can you please elaborate.

Also, you suggested

Or enable for each size swatches the “Enable swatch” option via Products -> Attributes.

I have already set this enabled. I think I could not understand this message also.

2. I actually want the font weight to be lighter. Other than that, how can we change the font type (family) just for size attribute terms alone.

Glitch or bug (video and screenshot below) –
3. I found that if we click Edit button in Typography (under any WM element), it opens up. But we click outside, it closes automatically. Point is, one may click by mistake outside, or may want to select some other option. In both cases, this is bit quite frustrating, if that option box closes itself.
3. a). A Close button with cross icon should be provided next to Reset button. That would avoid confusion and provide more options for users to close that, if they want.
b). If we click the dropdown besides font “Family” (under same typography option), then it flickers for a while and then shows the font list.
c). Other than that, it again flickers, while we click back the same dropdown or outside of this box. I think this should be avoided and resolved.
d). I could not find the option to change the color of Breadcrumbs. Only font size, family options are there.
By word Typography, it means, it should be related to font attributes including colors also.
Is there an option that I may be missing. If not, can you please provide the option to change the colors (as well as BG colors, and mouse hover) for each element (each for cart, checkout, product, shop) and options.
That is separately for each.

https://i2.paste.pics/HDWV5.png
Video – https://watch.screencastify.com/v/vvC7T16vPspUlMajHiVP

You can check the same on Staging site (where we have already created dummy Layouts for testing)

Regards

• This reply was modified 1 year, 10 months ago by harshwe.

Hello,

I meant that the “Enable swatch” option (via Products -> Attributes) enables the font weight for the font also.

Yep, you can also change the font-weight and size via Advanced typography, use this .woodmart-woocommerce-layered-nav .filter-swatch.with-text custom selector.

https://monosnap.com/file/918E8JG2HtHJgZ6hWderj1apWkcblI

3. Currently, this is can’t be done, but we will consider these improvements as a feature request for future updates.

Don’t hesitate to let me know if you need any further help or any other info.

Kind Regards

[harshwe]

Hello Luke,

.woodmart-woocommerce-layered-nav .filter-swatch.with-text custom selector

Thank you so much. I will try this

3 b) c) Can I ask about these also. This is sort of a glitch and quite frustrating. Shall not these be resolved

3 d). Until then, can you please suggest the option to change the color of Breadcrumbs.
Can that be achieved via Advance Typography.

e) If not, can you please add more pre-selectors in Advance Typography, so as to achieve this task, as well as more pre-selectors.

However, If that option (colors and styles) can be added directly within the Edit tab of Typography (from within each Element), then would be more easier and flexible. As this way, one can have different colors for each page too, or separate colors and font styles for each category wise.
I meant by Color options, directly within here, inside Edit > Typography

PS 2: I prefer direct pre-selector within the Advance Typo section (or a custom selector) rather than custom CSS code alone.

Regards

• This reply was modified 1 year, 10 months ago by harshwe.

[harshwe]

Hello Luke,

.woodmart-woocommerce-layered-nav .filter-swatch.with-text custom selector

Thank you so much. I will try this

3 b) c) Can I ask about these also – 3 b) c). This is sort of a glitch and quite frustrating. Shall these be resolved in next update.
https://i2.paste.pics/HFE5T.png

3 d). Until then, can you please suggest the option to change the color of Breadcrumbs just on Single product page.
Can that be achieved via Advance Typography.

e) If not, can you please add more pre-selectors in Advance Typography, so as to achieve this task, as well as more pre-selectors.

However, If that option (colors and styles) can be added directly within the Edit tab of Typography (from within each Element), then would be more easier and flexible. As this way, one can have different colors for each page too, or separate colors and font styles for each category wise.

I meant by Color options, directly within here, inside Edit > Typography
https://i2.paste.pics/HDWV5.png

PS 2: I prefer direct pre-selector within the Advance Typo section (or a custom selector) rather than custom CSS code alone.

Regards

• This reply was modified 1 year, 10 months ago by harshwe.

Hello,

3b,c) Ok, we will fix that in the next update.

3d) Please, use this .single-woodmart_layout .wd-single-breadcrumbs .woocommerce-breadcrumb a custom selector for changing the breadcrumbs color on the product layout page.

In case you need any additional help, I’d be more than happy to assist you.

Kind Regards

[harshwe]

Hello Luke,

3. b) c). Thank you
d). Will try this. Thank you.

A kind request:
3. e) In upcoming update, Can the option (for colors and styles) be added directly within the Edit tab of Typography (from within each Element), as it would be more easier and flexible. As this way, one can have different colors for each page separately too, or separate colors and font styles for each category wise.

I meant by Color options, directly within here, inside Edit > Typography, for each Element separately.
https://i2.paste.pics/HDWV5.png

3. f). As well as the Cross button to Close the font style or family dropdown options, as shown in same above screenshot.

Regards

• This reply was modified 1 year, 10 months ago by harshwe.
• This reply was modified 1 year, 10 months ago by harshwe.
• This reply was modified 1 year, 10 months ago by harshwe.

Hello,

We can hardly implement this in the next update, however in any case, thank you for the feature request, we will consider doing that.

In the meantime, feel free to ask me any questions you may have.

Kind Regards

[harshwe]

Hello Luke,

4. There is another issue that comes again after update on Live site.
If you remember, we were showing only 1 or 2 lines with 3 dots (…) at the end of the Title in Prev-Next Nav buttons on Single product page (as shown below).

Now, with another recent update, that has lost again, and now showing complete Title.
https://i2.paste.pics/HIE5B.png
URL for reference – https://www.vasangini.com/product/gucci-queen-margaret-top-handle-bag-womens-handbag/

This is for the 3rd or 4th time it broke and we have to ask for updated CSS again.

To be true, We are really getting fed up of checking things every now and then, here and there, almost every page and area, after every update. This is really killing not only our time but also of support team. And we could not focus on our business.

We have to first test the New update on Staging site to find things working or not. Then have to ask support team to have them resolved. Then few more issues comes up. And this cycle keep going on. When we update the Live site, we found few more bugs or issues, till then. And then again same thing happens.

Things breaks with almost every update. HTML structure and code kept changing with every update. This should not happen, so often. Atleast for so many areas, sections.
Really too much frustrating.

A kind request and suggestion –
Would appreciate, if the team could provide such basic options and functionalities (and many more) within Theme settings itself (as On-Off buttons or options), rather than providing custom CSS.

As those custom CSS breaks and don’t work with next update or two.

In the meantime, please suggest the updated Custom CSS to show 1 or 2 line of Title (as an excerpt), with 2-3 dots at the end (Just like it was earlier)

Regards

• This reply was modified 1 year, 10 months ago by harshwe.
• This reply was modified 1 year, 10 months ago by harshwe.

Hello,

Please replace the old code with the below one.

.single-product .wd-product-nav-desc .wd-entities-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 120px;
}

Ok, I will forward your suggestion to the team.

Don’t hesitate to let me know if you need any further help or any other info.

Kind Regards

Hello Luke,

4. Thanks for sharing the updated code. I will try this and let you know.

5. I found one another thing which is Not working as intended. Or probably for me.
I used Search terms from Theme Settings > General > Search, here-
https://i2.paste.pics/HK9CX.png
https://i2.paste.pics/HK9D1.png

Am I missing something or is there something wrong.

Regards

Hello,

This option works with the “Full-screen 2” search, so please navigate to Header builder and change it, also enable for it the “Show popular request” option.

https://prnt.sc/n_-7z0Q472Oe

If you’d like to contact us, we are here for whatever questions you may have.

Kind Regards

[harshwe]

URGENT: for Point 6
Hello Luke,

Yes, this worked. Thank you 🙂
PS: I think the info you shared, on how to make popular request terms visible in Search form, and which Search type is required to enable or show these, is Not mentioned on the Docs page. If so, please update the Docs accordingly, so as to understand it from within, and easily.

5.b) Currently this whole search bar is too wide. I want to know, how to lower the width, as shown here-
https://i2.paste.pics/HMLI2.png

c) How to change and darken the Border color of Search bar. How to change the Border Radius, as well
d). How to change the placeholder text color.

e) How to Show Header bottom row on only Few of the Selected pages. Like Home page About Us only and hide on rest of the pages.

6. I recently come across an unexpected bug after updating theme to 6.5 or any of the later version.

I have made hidden few of the Product Categories on Title of the Shop (and Category) pages by using Custom CSS (in Global CSS area) and the same are hidden in Desktop (till now), as well as were hidden in Mobiles also (prior to 6.5 update).

https://i2.paste.pics/HMLQG.png

However, after update, those Categories are now started appearing back in Mobile View and real mobile devices also. (Although, strangely, those categories are still hidden in Desktop).

Means working in Desktop, but Not in mobile

Can you please try to replicate the issue and fix this bug or glitch

Regards

• This reply was modified 1 year, 10 months ago by harshwe.
• This reply was modified 1 year, 10 months ago by harshwe.
• This reply was modified 1 year, 10 months ago by harshwe.

Hello,

Ok, I understand.

b) You can lower the width by adding the “space” element in the header builder.

https://prnt.sc/39sIIbCWC0Ig

d) c) The “Search” element has the appropriate option in the header builder.

https://prnt.sc/0mipa2V0sJ-D

https://prnt.sc/2kRUkRatKoDA

The border radius can be changed via Theme Settings -> Styles and colors -> Forms styles -> Form fields style.

https://prnt.sc/VWMzdfRqoS7M

We have an option for hiding categories from the page title, please navigate to Theme Settings -> product archive -> Page title -> Exclude categories.

https://prnt.sc/HifB5YI2d8IH

Kind Regards

Hello Luke,

5. b) OK, thanks. Will try this.
c) d) Thank you. Yes these worked.

e) This query got missed somehow –

How to Show Header bottom row on only Few of the Selected pages. Like Home page About Us only and hide on rest of the pages.

https://i2.paste.pics/HNOH7.png

6. I think you might have misunderstood my query, or have not read it thoroughly. Would appreciate, if you please read that again.

a). First of all the option “Show current category ancestors” is set to ON, hence, it is Not showing the option to Exclude specific categories.
https://i2.paste.pics/HNORD.png

b). Secondly, we have already Hide them using CSS (long time back), and it is working in Desktop, but unfortunately stopped working in Mobiles. It was working on mobile also, earlier.
https://i2.paste.pics/HMLQG.png

c). Also, the Hidden categories was working in Mobile also, prior to one of the recent version. Probably 6.5 or any later one

Hence, I called this as Unexpected bug, earlier. Can you please try to replicate the issue and fix this bug or glitch.

PS: Please make this option Enabled even if Show current category ancestors is set to ON.
https://i2.paste.pics/HNOUO.png

Regards

Hello,

Most likely, there were some changes in the HTML structure. Please attach a screenshot that shows which categories you want to hide so I will create for you a custom code.

As for the “Show current category ancestors” option, I will forward your suggestion to the team.

I await your response.

Kind Regards

Hello Luke,

e) This query again got skipped somehow –

How to Show Header bottom row on only Few of the Selected pages. Like Home page About Us only and hide on rest of the pages.

https://i2.paste.pics/HNOH7.png

6. b)

Please attach a screenshot that shows which categories you want to hide so I will create for you a custom code.

Point is that, we have already HIDE them using CSS, and it was working on mobiles also, until we update theme to 6.5v or later. Please see below.

b).And it is Still working in Desktop, but unfortunately stopped working in Mobiles. It was working on mobile also, earlier.
https://i2.paste.pics/HMLQG.png

The custom CSS is entered in Global CSS area. Hence, should work for All devices, and Not just for Desktop.
Also, we can’t Add and have separate CSS for Desktop and mobiles, when the purpose of CSS is same. And so the final requirement.
Otherwise, the purpose of Global CSS area also gets defeated here.

PS: You can 1st try to Comment-Out this custom CSS (as in above screenshot) and refresh page and then check which Categories needs to be hidden. And then, if you could share just One custom CSS, in order to hide the Categories for both Desktop and Mobiles (infact All devices)
Yes, You can do so on our Live site, you have the permission.

7. And this one is now becoming Extremely important. Please if this can be implemented, as this will resolved many of such issues, and of other users of Woodmart also.

Please make this option Enabled even if Show current category ancestors is set to ON. I mean, implement this feature.
https://i2.paste.pics/HNOUO.png

Regards

Hello,

e. I suggest you create a copy of this header and disable there the “Header bottom” navbar after that create a theme preset and in the condition select pages as you want. In the “Header” define this header (that is without Header bottom) in the “Header” field.

https://gyazo.com/c226b5da9b924ddf416797fa5d957e1d

6b. I have added the “important” value and the issue has been resolved.

https://prnt.sc/R7Y0SdqAMe0G

7. Ok, I have forwarded it to the team so they will consider it.

Kind Regards

Hello Luke,

5. e) How can we Duplicate the existing Header. I could not find the button or option.
Is there any easy way to do that.

Is thee some other way, other than creating from the Scratch, as it will take lot of time, as we have custom text, custom border and color settings and transparency settings. As well as different width and size of header rows, custom icons and images.

Regards

Hello,

We have an easy way for it, in the header builder, we have functionality for that (more detail in the below video).

https://monosnap.com/file/u2TF4VeluuFLE27oYAqdMWL4nD3hcA

Kind Regards

[harshwe]

Hello Luke,

That’s interesting. Haven’t come across that. Thank you 🙂
However, a request: If a Duplicate button could be added besides each existing or custom user header Title itself (under Header Manager), would be more convenient and helpful. (where Delete, Favourites icons are showing)

In the meantime, I come across one another way to duplicate the header.

After clicking – Woodmart > Header Builder > Create A New Header, we found that there are few Header presets. If we scroll down even further, there is a list of existing User Headers too. Clicking on which, instantly creates a duplicate of that Header. As can be seen here-
https://i2.paste.pics/HRRK6.png
https://i2.paste.pics/HRREO.png

Regards

• This reply was modified 1 year, 10 months ago by harshwe.
• This reply was modified 1 year, 10 months ago by harshwe.

Hello,

Well done, glad that you managed to sort this out.

Also by using the first way you can copy the header on other sites.

Kind Regards

[harshwe]

Urgent – point 8:
Hello Luke,

5 e)

Also by using the first way you can copy the header on other sites.

Yes, this is another benefit, as per what you suggested.

8. I come across another bug or issue that needs urgent attention. This probably happened after 6.5 update or later one.
For Mobile – On Mini-cart (side cart), if we increase or decrease the Qty of product (that is added to cart), then it do Not updates the Subtotal (there is nothing, No Ajax refresh or update of price)
However, on standalone Cart page, it is working fine.

Please check on actual Mobile device, and Not the mobile view or emulator. I do not have video recording on my mobile device, otherwise I would have shared that. If still requires, please let me know, I will try to share that. Although you can still be able to replicate that issue easily, on your mobile.

PS: I haven’t installed any 3rd party plugin after updating the theme to 6.5+ version, nor I have updated any of such plugin. The same minimal set of plugins. Also, No Cache plugin is there on site. I tried by clearing browser cache too.
Not added any custom code also, thereafter.

You can test on staging website and can Deactivate plugins and switch to parent theme also, if at all required.
staging.vasangini.com

Regards

• This reply was modified 1 year, 9 months ago by harshwe.
• This reply was modified 1 year, 9 months ago by harshwe.

Hello,

I have checked the mobile widget cart and the subtotal updates correctly (you can be sure by checking the video below).

https://monosnap.com/file/hOJZnyJeGrvVFmpHFFdQTveV2nc1Dd

Please let me know if I missed something.

Kind Regards

[harshwe]

A Kind request – Really Urgent
Hello Luke,

Yes, this started working now. Not sure what had happened earlier.
Did you actually resolved something.

Bit Important: (It’s been 2-3 days for few of the tickets and I am still waiting for your kind response).

Can you please answer my other important issues from other tickets, today itself (if possible). I could not switch to Elementor due to this reason. I do not want to delay any further. It is weekend for next 2 days

https://xtemos.com/forums/topic/popup-contact-form-button-why-2-html-blocks-elementor/

https://xtemos.com/forums/topic/image-shifted-downwards-how-to-reduce-gap-below-page-title/

https://xtemos.com/forums/topic/svg-image-in-elementor-not-aligned-and-sized-correctly-as-in-wpb/

Regards

• This reply was modified 1 year, 9 months ago by harshwe.

Hello,

I checked the issue on the phone and everything worked well so I didn’t do anything.

Kindly sorry for the delay.

I have answered these topics.

Kind Regards

[Author]

Posts