Home › Forums › Themes Support › Claue › Size on product page

Tagged: 

Viewing 9 reply threads
Save
  • Author
    Posts
    • August 28, 2018 at 3:41 pm #24139
      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.
    • August 28, 2018 at 4:36 pm #24143
      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

    • September 3, 2018 at 9:37 pm #24348
      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?

    • September 3, 2018 at 10:51 pm #24351
      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

    • September 3, 2018 at 11:14 pm #24354
      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/

    • September 3, 2018 at 11:28 pm #24359
      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

    • September 3, 2018 at 11:41 pm #24360
      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.
    • September 4, 2018 at 12:47 am #24369
      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

    • September 4, 2018 at 5:25 pm #24386
      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 :/

    • September 4, 2018 at 6:03 pm #24396
      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
Viewing 9 reply threads
Save

You must be logged in to reply to this topic.