Nav menu link text

[ahsanahmedkhann]

Hi

can you guide how can I move the text in brackets below the main link name, so it look like this:

      Baby                     Toddler                       Kid
(0-24 month)       (2-5 years)              (5-8 years)

• This topic was modified 10 months, 3 weeks ago by ahsanahmedkhann.
• This topic was modified 10 months, 3 weeks ago by ahsanahmedkhann.

Attachments:

You must be logged in to view attached files.

Hello ahsanahmedkhann,

Thanks for reaching to us.

Unfortunately, there is no such an option by default.

If you have any questions please feel free to contact us.

Best Regards,

if not by default, then can you please provide any workaround via css?

Also please see the attached screenshot, I want to show percentage off, for example, 30%off , 60%off on area highlighted in screenshot. Please guide what need to be done.

thanks

[Hung Pham]

Hello ahsanahmedkhann,

1. It’s a fully text and cannot be done via CSS only.

2. Unfortunately, there is no such an option to display discount percentage next to normal price by default .

If you have any questions please feel free to contact us.

Best Regards,

• This reply was modified 10 months, 3 weeks ago by Hung Pham.

Hi

I’m using below attached code snippet to show second add to cart form at the end of product description.

It’s currently displaying add-to-cart form in product section area but now description is missing also its affecting home layout. Please take a look and let me know how we can fix these.

I’m using Code snippet plugin to add this snippet.

Hello ahsanahmedkhann,

You can use our WoodMart WooCommerce Layouts builder to build Custom Single Product layout and place widgets anywhere you want.

More about WooCommerce Layouts builder can be found in our documentation https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/.

Regards,

Hi

can you please guide how can I align these 3 components (variation dropdown, quantity and add-to-cart button) in one line, screenshot added. I’m creating custom layout as you mentioned in your last response.

Attachments:

You must be logged in to view attached files.

Hello ahsanahmedkhann,

Please remove Custom CSS that you added to Theme Settings > Custom CSS and check again https://prnt.sc/qdSsqQkw_hwM

Regards,

Hi

After removing all custom css it still not appears perfectly.

What I’m trying to do is I want the first add-to-cart button which appears beside product images to look like this: screenshot

And second add-to-cart button right below the description to be appear proper inline with variation dropdowns and quantity selector: screenshot

Hello ahsanahmedkhann,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient.

Regards,

Please see attached login credentials..

Hello ahsanahmedkhann,

Thanks for details.

I’ve fixed your issue. Please check your site again.

Regards,

Hi

It’s still same: https://snipboard.io/rScnKa.jpg
Could you please check again?

Thanks

Hello ahsanahmedkhann,

Thanks for details.

According to your question, you wanted to display second Add to cart button next to quantity box and it’s showing as you wish https://prnt.sc/My9gFdInjGPP

Regards,

[ahsanahmedkhann]

Hi

Apologies for confusion. Here’s what I’m trying to achieve:

1. I need first add to cart button to look like this, screenshot: https://snipboard.io/mFwXgc.jpg

2. On second add to cart items (variation dropdowns, quantity) are not properly inline. as you can see here: https://snipboard.io/2zAYgX.jpg

• This reply was modified 10 months, 2 weeks ago by ahsanahmedkhann.

Hello ahsanahmedkhann,

1. First Add to cart button now showing as you wanted https://prnt.sc/5TOns8pjTSEJ

2. Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.second-table-variations [class*="wd-single-"].wd-swatch-layout-inline table.variations tbody {
    align-items: flex-start;
}

.second-table-variations [class*="wd-single-"].wd-swatch-layout-inline table.variations .cell {
    vertical-align: baseline;
}

Regards,

[ahsanahmedkhann]

Hi

Thanks for looking into this, second add to cart button and variation dropdown are good now after using your custom css. But first add to cart is still looking old way: https://snipboard.io/W1HYEK.jpg

Also please take a look at variation dropdowns in mobile view: https://snipboard.io/vdKNAq.jpg

maybe needs to do something for mobile view

• This reply was modified 10 months, 2 weeks ago by ahsanahmedkhann.

Hello ahsanahmedkhann,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.text-left.wd-btn-design-full.wd-design-default .woocommerce-variation-add-to-cart>*{
	flex: 1 1 100%;
}

Could you please what’s wrong with variations on mobile?

Regards,

[ahsanahmedkhann]

Hi

thanks for that CSS code, it worked perfectly.
As in my last message I mentioned about dropdowns of variation are a bit misaligned in mobile version here: https://snipboard.io/7kaXbt.jpg

• This reply was modified 10 months, 1 week ago by ahsanahmedkhann.

Hello ahsanahmedkhann,

The dropdown variations now showing below the labels https://prnt.sc/jAfpX3lJqn7E

Let me know if you need further helps.

Regards,

I was talking about variation dropdowns that are showing with second add to cart button, below description.. those are a bit miss aligned. Here is screenshot: https://snipboard.io/1EzdqN.jpg

Also kindly let me know how can I hide quantity selector in second add to cart Only.

Thanks

There’s one more thing that I need to discuss is that when I select variations from above add to cart form the below second add to cart form should also display same variations selected

for example if I selected variation Size: Small from above add to cart form the second add to cart form below should be displaying variation Size: Small selected.

Kindly let me know how can we do that,

Thanks a lot.

I just found another small issue which is very URGENT. on single type product which don’t show any dropdown for variation, the above add to cart button showing inline with quantity selector ( https://snipboard.io/Xmk3L9.jpg ) .

It should be showing below quantity selector like other variable products ( https://snipboard.io/9RS6A3.jpg ).

please let me know how to fix this asap. Thanks

Hello ahsanahmedkhann,

I see variations dropdown is showing https://prnt.sc/mwnVENTxeM-A Did you resolve it by yourself?

Regards,

Hi Hung Pham,

Thanks for replying. I didn’t make any changes yet. The 2 main thing I’m trying to achieve right now is:

1. is on simple product which do not have any variation the add to cart button shows inline with quantity selector not on below new line just like variable products.

simple product: screenshot
variable product: screenshot

2. How can I hide quantity selector for second add to cart button only

Hello ahsanahmedkhann,

1. I checked Simple product, Add to cart button showing inline with quantities selector as you wish https://prnt.sc/vy3V7IgVLl-n

2. Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.second-table-variations div.quantity{
	display: none;
}

Regards,

Hi

you didn’t understand my 1st issue.
let me rephrase it:

For both Simple Product and Variable Product please make sure my first add to cart button should look like this: https://snipboard.io/G2STfH.jpg

Hello ahsanahmedkhann,

Please use below Custom CSS

.short-description .wd-btn-design-full form.cart :where(.single_add_to_cart_button,.wd-buy-now-btn) {
    flex: 1 1 100%;
}

Regards,

[Author]

Posts