Some issues with Woodmart

Hello,

I’ve bought the woodmart theme 1 week ago because I had to change my previous A-One theme from Yume Commerce since they decided soon after my purchase to discontinue the product 🙁 (hope this won’t happen with you…). I must say that I’m very happy with your theme since I was able to set it up to the same look and feel in less than 1 week and it looks even better, fully functional, fast and stable. So first of all congratulations for the great work.

I just have some issues for which I couldn’t find any answers on the support forum so hope you’ll be able to help me.

A. MAIN PROBLEMS

1. Ajax side view cart.

I have 3 languages (FR, EN and ES), french being the default one.

On desktop (Mac OS, Firefox 67 or Chrome 74) here is what happens: When I’m in EN or ES and add a product to the cart, the Ajax cart sideview pops up on the right and displays product variation names and cart buttons in french instead of the current language at first. Then, after 1 to 2 seconds it refreshes and display the correct language but product thumbnail images disappear (and they also disappear from the mini cart window)… Then, if I change to another product, thumbnails are back in the mini cart but I have the same behavior when adding the new product to the cart etc…

In FR, I see the refresh of the Ajax cart sideview (which is a little but not too annoying) but the content remains the same and I don’t lose product images. Si it’s ok.

On mobile, the Ajax side cart don’t even refresh so it stays in the wrong language until I refresh the whole page. But when I continue shopping I get the same behavior.

2. Product quickview

I love the quickview since the default display fits perfectly my product. But the quickview works only from the related product displayed on the product page. When I click on the quickview button from the main shop page or any product categories page, the all page seems to refresh at first and then I’m directed to the product page.

On mobile, when I empty the cache, I can use the quickview from category pages on the first try but then if I close the quickview and try again I have the same behavior as on desktop version (go to product page instead).

3. Size guide

I tried to create a size guide with page builder adding single images and image carousel in it. Everything works fine on the mobile. On desktop images don’t show up until I open the Firefox inspector and then, once the inspector window pops up at the bottom of the page, the images in the size guide suddenly appear. I managed to solve the problem for single images, referencing them by external URI instead of picking them up directly from the media gallery. But for image carousel, no way until I open the inspector. Same behavior on Chrome.

B. MINOR ISSUES

1. Add to cart button

In my previous theme, in the product page, until user selected all the necessary variations (color and size for me), the add to cart button was greyed (opacity O.3) and unclickable. In woodmart, the add to cart button is fully functional and displays a ugly white popup saying that you must select the variations. My previous theme behavior was better since the user was understanding immediately that he needed to do something to activate the add to cart button. I’ve found some CSS allowing me to completely hide the add to cart button (but this is not good because user may think that he cannot buy the product) or set its opacity to 0.3 until variations are selected (but it’s still clickable)… Is there a way to achieve the behavior described above ?

2. CSS changes

– How to decrease the size of the search form in the header ?
– How to change the background color of the pop ups like “Cart updated.” which are still green when all my theme colors are beige/brown.
– How to decrease page title size and space between title and content in the product categories pages (I found the CSS to do that on the other pages).

Well that’s all for the moment. It’s a lot but I preferred putting everything in a single mail instead of a series of different requests for you to better organize your support.

Best regards,

Pierre

Hello,

Thank you very much for choosing our theme and for your warm feedback.

Issue # 1. I went to the product page in ES and added the product to the cart, I see this
http://prntscr.com/np9g23 then I switch to the French and view the cart and see this http://prntscr.com/np9igl

Another product in ES https://gyazo.com/bcd75bc3bee10e6ce44357e0e7f2a026 and the same in FR https://gyazo.com/6135bd3efa402b8f6de3a3ae82227f92

Issue #2 Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, if the problem remains, leave the plugins not activated we shall check.

Issue #3

1. You have hidden the size guide http://prntscr.com/npa716

2. You need to assign the categories http://prntscr.com/npa7gn You have not translated the categories to all the languages that is why this field is empty.

3. You have not translated the size guide to all the languages https://gyazo.com/afd067143021103b92cb68adf6deac2d

4. You need to choose the size guide in the product page https://gyazo.com/1b26c2f93a8b850c1342441dfc83600d

B. MINOR ISSUES

1. Add to cart button Unfortunately, there is no option to do in the way you need, however, we shall consider it and will try to implement it in one of our future updates.

CSS:

1. Search form

body .searchform input[type=text] {
    height: 36px;
}

2. Message background

body .woocommerce-message{
background-color:red;
}
body .woocommerce-info{
background-color:red;
}
body .wpcf7-mail-sent-ok{
	background-color:red;
}
body div.wpcf7-validation-errors{
	background-color:red;
}
body .mc4wp-success,
body .mc4wp-error{
	background-color:red;
}

3. Page title

body .title-size-small {
    padding-top: 20px;
    padding-bottom: 20px;
}

Best Regards

Hi,

Thank you for your answer.

About Issue # 1. after having investigated a little further I think that the problem I described in my first message just happens for not logged users. So if you connected to the backend with the credentials before doing the tests on the frontend it’s normal that you have a correct behavior (moreover the product Seastar is not a good choice because it has no variations). Please take a look to the following screen capture which shown the behavior when not logged in (bad) and once logged in (good). https://www.loom.com/share/42dd4eb465524490a97e604ef0704e39

Issue #2

OK I’ll try that and let you know.

Issue #3

1. I have hidden the size guide table because I don’t need it in my size guide but it’s not the problem. Size guide table is just an element among others. Hiding it cannot explain why images in other blocks don’t display. I’ve reactivated it and the problem remains. Images don’t show until I launch the inspector. See https://www.loom.com/share/1c18894ec62b48c790aa0c9f2c5ce9a3

2. I don’t know from which language you took this screenshot (maybe german ?) but it’s not relevant. All my categories are translated in french, english and spanish which are the only languages I use at the moment.

3. I didn’t translate the size guide because I just want to be sure is is correctly formatted before translating. So I just work on the french version but I don’t see how this point could explain the missing images.

4. Even if I didn’t assign the size guide in all the product pages I see it and it opens so I believe that is not assigned in the product page, a default size guide should be used when the size guide functionality is activated. But anyway, I did as you say in the product CASSIOPEE but the images are still missing…

B. Thank you for the CSS.

Hope you’ll have a look further especially for the first issue. It’s a problem that non logged users have this kind of experience.

Thanks for your time.

Regards,

Pierre

Hi again,

Quickview problem solved. It was caused by the WOOF – WooCommerce Products Filter plugin for you to be aware. Thanks.

After having found the problem with the quickview earlier tonight I’ve tested it and notices that there is also a problem for non logged users in the quickview. The content is not in the good language (text and buttons). So I deactivated all my plugins and now I have only woodmart, woocommerce and wpml and the problem is still here. I think that there is really a problem for non logged users that causes the ajax side cart and quickview problem…

Waiting for your comments.

Thank you.

Hello,

1. Please update the translations and check again http://prntscr.com/npr73t

3. The size guide is designed for sizes only. do not insert any images and content. If you hide the size guide table it would not be shown. If you want a popup with the content, create it in the HTML block and add in the field before Add to cart button https://xtemos.com/docs/woodmart/html-blocks-2/#before_after

If you need the size guide follow the steps in my previous message Issue 3

Best Regards

I’ve updated all the translations but it doesn’t change anything (cache emptied etc…).

Hello,

Please check the issue on the free Storefront theme in order to find out if our theme causes the issue or confirm the permit to test by us.

Best Regards

Hi,

I’ve installed storefront and quickly tested it but it’s not easy to compare because without customization storefront doesn’t have ajax quick cart or quickview… The language switcher doesn’t appear either and I didn’t have much time to try to configure everything to test further. If you know how to configure Storefront quickly to do your test, please feel free to do it. Thank you for your help.

Waiting for your comments.

Hello,

Lets us check the issue 1 on the Storefront. If you add a product what language of the cart you see?

You told the quick view issue had been solved.

Best Regards

When I add a product from ES or EN store I see the cart (and quickview) in FR which is the default language.

Yes the quickview is ok but I told you that the problem is also in the quickview and remember that the issue appears only for non logged users. When logged in everything is perfect.

Thank you.

Hello,

Have your tested the issue of the shopping cart with the Storefront theme? Do you have the same?

Best Regards

No I didn’t test the issue since I told you that storefront doesn’t have Ajax cart ou quickview or language selector by default. But since you told me you would test it I didn’t go further. So what do we do ??

I’ve just tested adding a product to the cart with storefront and the ajax mini cart displays correct information.

Hello,

Yes, I saw, I have deactivated all the plugins not related to the theme and checked again: when I add a product in ES, the cart titles are also in ES https://gyazo.com/c235eb9f550c96168ff1ca5338f82745

I have activated all the plugins again.

Please deactivate all the plugin excepting WPML set and these ones:

CMB2
Redux Framework
Slider Revolution
WPBakery Page Builder
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

And then activate one by one checking the issue to detect which one causes the problem.

Best Regards

Hi,

Your screenshot with the MINI PLUMA shows that you do your test as a LOGGED IN user (see “Hola Pierre SIVEL” in the top right corner) and I already told you that the problem ONLY happens with LOGGED OUT users (visitors). That’s why I do my own tests with 2 browsers, Chrome as a LOGGED OUT user and Firefox as a LOGGED IN user.

I’ve already tried to deactivate all the other plugins and only leave woodmart, woocomlmerce and WPML and it didn’t solve the problem. But anyway I did as you say, reproducing the exact list of plugins you give me (I’ve even activated Mailchimp which I don’t need to respect your list to the letter) and the problem remains.

I also noticed another problem and it’s a very serious one. When I go to ES from FR product page, add a product to the cart (with the issue discussed earlier) and then go back to the FR version, the title and short description of the product are just DELETED FROM THE DATABASE !! So a simple user action on the frontend can erase permanently information from the database !!

So please do me the favor to watch this video until the end (https://www.loom.com/share/702930f7353f47d8b08ac8e072dce7a6), it clearly points out the 3 issues (1. Quickview, 2. Add to cart and 3. Product title and description deleted from the database).

And please if you do further tests do them as a LOGGED OUT user. It is normal that everything’s working fine for LOGGED IN users I already told you that.

Thank you.

Pierre

Hello,

Try to enable the following option in Dashboard -> WPML -> Languages https://gyazo.com/683a2ceb50901bfbe6ff9f2ea9b7e4f1

Kind Regards

Wow you save my life ! Thank you very much Elise and Artem ! But it is strange because this option simply doesn’t show up in the WPML settings on Firefox. I tried loggin in on Chrome and I could see it already ticked… I will open a ticket on WPML to tell them. So just this little tick solved all my problems (quickview, ajax mini cart AND product titles disappearing…). Amazing !

Just one more little problem: The mini cart still update after a few seconds and after that the variations are duplicated and the product thumbnail disappears. See attachments. Do you have a solution for that ?

Thanks again !

Attachments:

You must be logged in to view attached files.

Currently, we don’t see this problem https://gyazo.com/a8404b2753a2fa81b9e0b73c2925eccf

OK sorry I relaunched the browser and everything’s fine now. Thank you you’ve been very helpful !

You are welcome!

[Author]

Posts