Issues after installing WoodMart theme

Hi,

I recently installed WoodMart theme, but rightaway I noticed some issues. Firstly the sidecart is messed up and doesn’t look like it looked on demo version, please see image of that here: https://ibb.co/k2wM3VVj

Secondly the spacing in some places and font colors, font weights and button colors (also hover colors), store notifications, my account layout ect dont match to the demo. For buttons I can assume that from somewhere my old theme settings run in, but I’m clueless where as Ive deleted all other themes, cleared the css, regenerated CSS and files in Elementor. I do not have an option to install the theme to a brand new WordPress as I have some data on my page what I can’t loose.

Photos of names issues with highlighs below.

Front page section problem: https://ibb.co/F4dz30h1
Front page section problem 2: https://ibb.co/cSMGL9Yg
Single product’s button wrong color when hovered: https://ibb.co/Pzj6btzh
Footer’s review button black: https://ibb.co/WW1HdtRy
Notifications do not match theme style: https://ibb.co/KpRKTncV
Shop view issues: https://ibb.co/5WsSHMPN
My account style wrong: https://ibb.co/vvJ0SC95

Im grateful for help.

Hello,

1. You need to disable the Elementor Mini Cart template that is designed to work with Elementor Pro under Elementor > Settings > Integrations > WooCommerce > Mini Cart Template and select Disable. https://take.ms/Ra7Cv

2. Send me access to the admin panel so I can check the site settings.

Kind Regards

Hi, thanks for fast reply. Minicart is now fixed, thanks. Other issues I managed to fix myself one by one manually but I would be thankful if you take a look where those old styles come in.

Also I have hard time understanding why the “Free shipping progress bar” and “Estimated delivery date” widgets do not shop up in my single products view, minicart and cart (for somereason in cart there isnt even an option for “Estimated delivery date” widget?). Ive added widgets to single product and cart, enabled them under Theme settings but still they do not show up. I dont know how to edit minicart’s style.

Also, in “Single product layout”, how I can display the product’s “short description” together with the other collapsing tabs (Kirjeldus, Koostis, Brändist)? I see that the “short description” shows when you “Quick view” the product, but when you open it then it’s not available there.

Hello,

1. I do not see those issues – https://take.ms/KmCXU , clarify where I can find them.

https://take.ms/FYyl9

2. Make sure that you have defined an appropriate element: https://take.ms/99tnK1

Kind Regards

As I already mentioned I already solved the color and font issues on my own, although It looks to me that the font weight is still slightly off – any clues from your side?

Also I managed to apply the “Estimated delivery time” widget correctly, but still the “Free shipping process bar” is missing. Any help please?

And for “Single product view” I managed to add the “short description” in a separate way but I would like to combine it with the other collapsible tabs, so customer can close/open the “short description”. Would it be possible?

Where I can translate this? 🙂

Attachments:

You must be logged in to view attached files.

Pardon for many questions, but I just cant figure it out myself. 🙂 Please how to change the font colors for this element’s text (both title and product count)?

Attachments:

You must be logged in to view attached files.

1. For the Estimated Delivery, you have set specific zones. Try to leave the zone area as empty to apply it to all zones and then recheck the issue.

2. For the free shipping, define an appropriate element – https://take.ms/Sztv0 and adjust it as per our documentation https://xtemos.com/docs-topic/free-shipping-progress-bar/

3. Sorry, there is no way to make the short description in the same way as other collapsible tabs.

4. Try to change them via Loco Translate -> Plugins -> WooCommerce.

5. In Elementor -> Site settings -> clear those Global Colrors – https://take.ms/bIHgo , https://take.ms/9XGC5 , clear the cache and recheck the issue.

Kind Regards

Managed to fix the Estimated delivery widget issue, but still struggling with Free shipping bar. I have enabled it, placed widgets, free shipping is also allowed in my WooCommerce settings. Still it does not appear? It should appear in Cart, Single product and Mini cart. Screenshots of widget placement in Cart (still dont know how to edit mini cart..) https://ibb.co/v4F7W8y4 and settings https://ibb.co/RGK1hVyN / https://ibb.co/m5Yhxwqj

Managed to fix the translation also, found that string under WooCommerce 🙂

Cleared the global colours you asked me to, cleared cache, it did not fix the issue unfortunately.

Also I discovered that when I try to change Single product layout from Theme Settings, then nothing happens.

Hello,

2. Are you sure that you are situated in the configured zone for that free shipping? Try to set the “Custom” option here – https://take.ms/4P8bw and then recheck the issue.

5. Try to use the code below for help, define it in Theme Settings -> Custom CSS:

.wd-carousel .category-grid-item .wd-entities-title {
    color: #743a1e;
    
}

.wd-carousel .category-grid-item .wd-cat-count a {
    color: #333;
} 

6.

Also I discovered that when I try to change Single product layout from Theme Settings, then nothing happens.

If you use Layout for the product page, then some settings can be set through the Layout itself. Clarify what you have changed in Theme Settings -> Single product for a better understanding.

Also, check our video about Layout builder: https://www.youtube.com/watch?v=rjxRjLaos5M&t=221s&ab_channel=XtemosWordPressThemes

Kind Regards

2. I applied Custom, still the Free shipping bar doesnt appear anywhere :/

5. YAY – it worked! 🙂 Thank you so much!

6. https://ibb.co/G3GFNKnG Trying to adjust the single product view, so the image area would be not so wide.. but when I chose it, it did not apply.

Also how would be possible to make the product titles to appear longer (full length) in Product archive view (Recently viewed products, New products widgets and then shop view)? Right now it splits the product names like so https://ibb.co/s9rLZVPd

Hello,

2. Check these screenshots: https://take.ms/pye7E , https://take.ms/iM9P7

6. In the Layouts, you need to do it via the page builder – https://take.ms/4M4jZ

There is only 1 line because there is a “Small” design selected – https://take.ms/dGXdZ , you can change it to another one so the title will be shown as on the Shop page.

Kind Regards

2. Yes, with the Custom option the Free shipping bar is working, but unfortunatelt it is not a solution for me as I ship to many different countries what have different free shipping limit. I would like to make it work “Based on WooCommerce Free shipping method”. How can I do that?

6. Unfortunately changing between different options did not make the product title appear longer..

What could be the reason that after checkout the customer cant see Thank you page – instead there is 404 page?

https://ibb.co/d0NfQXsF

I have made the Thank you page template according to your instructions but it just wont show..

Hello,

2. May I disable 3rd party plugins for testing?

6. On my end, it works – https://take.ms/lEOkL , make sure that you have edited the right container. https://monosnap.com/file/dRqFVTs1mbGnw6aDjLsy03VhjwgcvG

7. Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand is it our theme issue or not?

Kind Regards

2. Yes

Sorry, I messed up with the problem numbers. 6 shouldve been actually a reply to the last problem where in multiple product view the titles are too short. You guided me “There is only 1 line because there is a “Small” design selected – https://take.ms/dGXdZ , you can change it to another one so the title will be shown as on the Shop page.” – That unfortunately did not work.

7. Unfortunately I only have this theme on my page and would like not to install any others to avoid messing up the changes Ive already made to the page in several days. Any other option to test?

How can I link the single product right top corner button to take back to the multiple product/product archive view? It should take somewhere I guess, when there appears text that “Back to products”. But how can I link it?

I tried making yesterday some new product archive pages but they did not work as expected. I want to make same looking layout as the shop’s product archive has, but the first version of that displays only discounted products in my shop and the other version all products. I want this archive to also have same filtering system, like the shop page. Please see image for what I want to recreate.

Attachments:

You must be logged in to view attached files.

Hello,

Try to remove the limit for the title via Theme Settings -> Product archive -> Product styles – https://take.ms/2SJlC

Then recheck the issue and let me know.

7. Please clone your website and move to the staging platform so I can check the issue there.

https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

8. In general, that button should redirect to all products. First, define the Shop page in the settings of WooCommerce – https://take.ms/HGEc1 , https://woocommerce.com/document/woocommerce-pages/ and then recheck the issue.

Kind Regards

Thanks, this finally worked, now my product titles in archive view are full 🙂

7. On it, will let you know when its done.

8. It worked, thanks.

Regarding to recreating more pages with product archive layout – how can I do that? Issue im talking about “I tried making yesterday some new product archive pages but they did not work as expected. I want to make same looking layout as the shop’s product archive has, but the first version of that displays only discounted products in my shop and the other version all products. I want this archive to also have same filtering system, like the shop page. Please see image for what I want to recreate.”

I managed to figure out why the free shipping issue doesnt apply. For example I have zone where I’ve listed different parcel machine shipping options and under them I have ticked a box that enable free shipping for X€ amount order. In such way the Free shipping bar doesnt appear. I needed to add a separate Free shipping option and then the Free shipping bar shows up to needed places. Unfortunately it created an issue where there was two free shipping options shown on the checkout. I hided the extra free shipping option with modifying functions.php file.

So I’ve left now with following issues that I’m unable to solve on my own.

1) About the single product’s view “Back to products” icon for what you previously guided to add “Shop page” under WooCommerce settings, for it to work – this solution really did not work. When I added the shop page (named at the moment “Home Makeup”) then the homepage’s front page (the one with banners and different sections) dissappeared and only products were shown when I was on the front page URL… So I assume I need to make a new “Product’s archive” page where there are all products shown. But this leads me to another issue described under nr 2.

2) How to make custom “Product’s archive” page? I would like it to look same as the theme’s premade template (which is used right now to display different categories products ect) but I would have an option to change what products it displays (all products, on sale, only new products ect). I tried many ways, read your documentation but I did not find out how I could make such template. I tried duplicating it (but then it did not let me choose what kind of products I want to display and neither choose display condition to attach it to specific URL). Attaching such page to URL is important as I want to attach those pages to buttons on front page, example the button “Vaata Rohkem” next to “Enimostetud tooted” should lead to “Product’s archive” page where only best selling products are shown. When I tried to replicate it’s look on Elementor, then the filtering didn’t work as needed ect.

3) Thank you page after completing order still does not appear, I checked different solutions, nothing works. Im unable to make staging site for you. Order is still completed, as the customer receives confirmation e-mail and I receive the order as a store owner. What help can you provide about that? When you complete the purchase, this is the page you will see: https://ibb.co/Ps0JGfmp

4) How to change this button’s color? https://ibb.co/VpDMs4cC

Please help me sort out these problem, there is only so little left that my page would be complete and I could launch it 🙂 All of the best to you!

3) For “Thank you” page I investigated the issue thoroughly during the weekend, I discovered the issue laid on how the URL was built for “Thank you” page. It was adding /?page-id…/ ect before the /order-received/ and was missing /checkout/ before it. Only thing that fixed it was adding code snippet what forces it to the right path /checkout/order-received/….. . It wasn’t theme fault. Now it work and I hope it stays that way.

But I’m still looking forward for solutions of other issues I’m having – described in my previous reply. 🙂

When doing some final touches and checking functionality of the theme I have encountered an issue where when I add a free product to the cart then the “Free shipping bar” only displays only as a text in mini cart: https://snipboard.io/iuI0MT.jpg

When I add a product with price (physical product or a virtual product with price) then the “Free shipping bar” will appear with correct design: https://snipboard.io/5VtzLB.jpg

In reality I would like to actually hide “Free shipping bar” when there is only a virtual product in the cart, as it doesnt seem logic to show it when they only buy virtual product. But when they add some physical products too to the cart then the “Free shipping bar” should be shown again.

Any recommendations how to do it?

Hello,

1. Yep, now I see that it works on your end – https://take.ms/WfPC8

2. If you want to create a page where only best-selling products are shown, you can just define the “Products (grid or carousel)” element in the simple page – https://take.ms/P9NDK . Let me know if such a solution suits you.

Also, you can try to use the conditions in the Archive Layout – https://take.ms/Sr171 and inside define the same element I mentioned above – https://take.ms/34jVb

4. Add the code below in Theme Settings -> Custom CSS. Then recheck the issue and let me know.

.cart-widget-side .wd-free-progress-bar.wd-progress-hide .progress-area {
	display: block;
}

Kind Regards

1) Yes I managed to make a “Shop” page where I added a new empty page and in WooCommerce settings I added it as a shop page and then it automatically replicated your template’s product archive design – so that is sorted now. 🙂

2) I would like to make those extra shop pages (discounted, best selling ect products) with the exact same layout like is the theme’s product archive. I tried to duplicate the product archive page in Elementor’s theme builder (this: https://snipboard.io/6czdgV.jpg) and add all the same elements to my duplicated page (copy-paste function) but the upper bar (sorting functions ect) and side bar with price slider + brands list did not appear for some reason, plus I wasnt able to sort the products area to show only for ex. discounted products.

I only managed to make similar page when starting from zero in Elementor’s theme builder where I dragged the needed elements, but it still does not look exactly like the theme’s original layout for product archive. Price slider, brands list, sorting bar on the very top is missing. I only got categories sidebar and sorting bar above the products container. What I managed to replicate: https://snipboard.io/6cPvWa.jpg / https://snipboard.io/pPK4kY.jpg

Also I would like to clarify that I don’t have categories for discounted, best selling products – the system takes this information automatically from WooCommerce, that what has lowered price, what has sold the most ect. So the Archive Layout won’t work for me unfortunately. So I understand I don’t have many choices left – it is impossible to recreate same looking ,multiple product archive’s on different URLs where I can show only needed products?

4) Unfortunately the css didn’t do the trick, the free shipping bar still shows when there is only virtual product in the cart.

5) About the abandoned cart’s functionality, I don’t understand how the discount code works. I’ve set all as needed, I get the e-mails (in a client role) that there was cart left behind but I do not see in that e-mail any discount code or neither on cart there isn’t discount code automatically applied. Am I missing something?

Email that customer gets when cart is left behind: https://snipboard.io/pcNS3U.jpg
Abandoned cart settings under Theme settings can be shown on attached image together with this reply.

Also when I click on that named e-mail to the button to recovert cart, I get such page: https://snipboard.io/mnjy4p.jpg
There is an error shown that the cart can’t be recovered. Also I couldn’t find anywhere where to translate that error.

6) Could not find a fix for messed up quantity buttons, discovered it just lately. Right now they look like this everywhere (single product, cart): https://snipboard.io/DuryYx.jpg
The middle part (line above and below number) should be straight not curved.

Attachments:

You must be logged in to view attached files.

Hello,

2. The thing is that such a data source is available in the Products (grid or carousel) only – https://take.ms/VNu1k at the same time, this element is not working with the sidebar of widgets. So if you want to show such a section with the data source like “Bestsellers”, you need to use the Products (grid or carousel) element and it will not work with the sidebar widgets.

4. That custom shows this bar – https://take.ms/tVtwI , do you mean that you want to hide it at all for the virtual products?

5. If you do not mind, may I disable 3rd party plugins for testing? Also, may I install the WP Cron plugin for testing for a while?

6. In the Elementor -> Site settings -> Form fields, remove the border radius – https://take.ms/PopYv , clear the cache and recheck the issue.

Kind Regards

2) Thank you for this explanation. 🙂

4) I would like to hide the “Free shipping bar” when there is only virtual product in the cart, but if they add also some physical products, I want the “Free shipping bar” to appear again. Would it be possible to do so in some way?

5) I do not mind, please proceed with needed steps to sort this problem out.

6) Thank you, worked perfectly!

Im now facing new issue again.. On desktop the single product “Add to cart”, “Variation choice”, “Wishlist” works perfectly. But as soon as I try to use them in mobile, it has some weird bug.

Few days ago I saw that the “Wishlist” heart icon did not stay on the same line with quantity element and “Add to cart” button, instead it placed itself on the next row, below them. I would like them to be on the same row. When I thought going to investigate this issue, the heart had randomly disappeared – also it is impossible to choose a variation as I tap on that and then the system says that “You need to choose variation before adding to cart”.

How it looked before the new issues appeared: https://ibb.co/ks86JNLP

About the new issues please see attached video, where I’m trying to choose a variation (tapping on the variation choice tab) and it gives me such system message. Also you can see that the heart is now totally gone, although in the editor its there.

How it look on editor: https://snipboard.io/ABqOhj.jpg

Also when I press the “Add to cart” button on simple product, then it goes weirdly wide for a second: https://snipboard.io/1v8YRw.jpg – moment where the button was clicked

Attachments:

You must be logged in to view attached files.

Hello,

4. The mini cart is a standard WooCommerce feature. Unfortunately, WooCommerce does not pass product type information to the mini cart, so technically it’s not possible to remove or modify the free shipping bar in this area.

5. Send the FTP access to your server files so our team can investigate them.

6. This is a default functionality from WooCommerce. You need to select the variation first – https://take.ms/hYuUi and then add it to the cart.

The Wishlist button shows below because there is not enough space and in such cases, the “wrap” works. If we disable the “wrap” you will have something like this – https://take.ms/oxHqi

Kind Regards

4) Okay, so be it then. 🙂

5) Please see private content.

6) You didn’t quite catch what I meant. There was something overlaying the variation choice tab, so when I clicked on that, nothing didnt appear instead of a shop notification that I need to choose the variation before add to cart – meaning the cart button somehow overlayed the variation tab. We already managed to fix that on our own. 🙂

About the wishlist button going to the second row when looking variable product (it doesnt go on the second row when looking simple product) we already found the suitable solution our own now. It was fixable actually. 😉

Also this question is still unanswered or I missed it? 🙂

“4) How to change this button’s color? https://ibb.co/VpDMs4cC”

[Author]

Posts