Size on product page

[Lykidk]

Hi,

We would like a dropdown menu for sizes on our shop on each product page. See attached photo.

We would like it below the product text and above the SKU number.

 

Also how can we below the size drop down have a ”add to bag” button?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please follow this video to create your product as variable https://www.youtube.com/watch?v=kI8_YWJIr0E

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Lykidk]

Hi,

We followed this video. However the dropdown size menu is not activated or visible.

ALSO, there is not ANY add to bag button?

[Harry]

Could you send me the link of product you set up. Did you put price for separate variation?

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Lykidk]

It’s practically missing on every product page, unfortunately.

But for example this product is done as instructed in the tutorial video.

The sizes are displayed in ”extra information”. But you can not choose a size. We would also rather like a dropdown menu above product number instead.
The ”add to bag” is also missing.

https://lyki.dk/product/dea-kudibal-bluse-marlene/

[Harry]

Hi,

1 .Please go to Theme Option > WooCommerce > General Settings > Catalog Mode > Off

2. Please go to Products > Attributes > Size and change type to Select

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Lykidk]

It works now 🙂

1. Is it possible to remove the extra size label on top of the size label?

See attached photo.

 

2. Also, in this example, the XL is the only size available in stock.
Is it possible to make a cross over the size in the circle of the size which are not available?
For example have those unavailable in a grey tone and add a cross over the size in the circle.

 

3. When a product is added to the cart. How can we make the overlay color another color?
See photo

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1 . Please go to WpAddon > Show Tooltip > Off

2. Please add below code to Claue > Theme Option > General Layout > Custom CSS

.mfp-bg {background: #0b0b0b;}

and change #0b0b0b with your color

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Lykidk]

Could you kindly asnwer our 2nd question as well?

2. Also, in this example, the XL is the only size available in stock.
Is it possible to make a cross over the size in the circle of the size which are not available?
For example have those unavailable in a grey tone and add a cross over the size in the circle.

 

3. The code for the overlay background color does not work :/

[Harry]

Hi,

2. The plugin included our theme already support this feature, if variation not available it will have line slash circle, if out of stock it will show the message http://take.ms/HZ2R8

3. I check on your site it work.

You can add below code to have solid color

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 1;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts