Docs

[Flightwave]

Please reference: http://dev.flightwave.aero/product/edge/

Login info to follow.

When we create a product, and then use “product add-ons” to add options, the quantity box for the original [main] product appears at the very bottom of the list of add-ons, all by itself, with NO label. This makes absolutely NO sense. The quantity box for the EDGE should be up with the product description of the EDGE, instead of sitting at the bottom – as a box by itself, with no label or anything. How can I fix this?

Thanks,
Chris

[Flightwave]

This reply has been marked as private.

[Lely]

Hello Chris,

By default, it is below the description. See this:http://demo.theme.co/shop-integrity/product/flying-ninja/
In your site, it should be below the tabs Features, Specs and Video( the content you have added on the description area.) But then, it seems that Woocommerce Product Addons added the list of addons just above it. The easiest fixed is to add the following custom CSS:

.woocommerce .quantity:before {
    content: "Quantity";
    font-size: 100%;
    display: block;
    color: hsl(0,6%,33%);
}

Hope this helps.

[Flightwave]

Hi there Lely,

Thank you for your response!
I did add that custom css – right near the top of the custom css area. But it seems to have no effect. Is there something else I need to do?

Thanks again,
Chris

[Jade]

Hi Chris,

I have just checked it and it seems to be working on your site:

Kindly try to clear your browser cache.

[Flightwave]

Hi Jade,
Thanks for the response.
The problem is – the quantity box you have pointed to, is for the quantity of “EDGE” vehicles that the customer wants. The EDGE is the main product at the top of the page. Normally this quantity box appears right under the product description (or in this case the tabs). after adding the product add-ons (in this case the 4 different camera options), the EDGE quantity box is now at the bottom – beneath the 4 cameras. It makes no sense down there. It should be up with the product itself. See attached image

[Rue Nel]

Hello There,

Thanks for providing the screenshot. To move the quantity, please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

(function($){
  $(document).ready(function(){
    $('.single-product .quantity').insertAfter( $('.single-product .stock') );
  });
})(jQuery);

Please let us know if this works out for you.

[Flightwave]

THANK YOU so much Rue. This solved the problem. I am thrilled to have a solution – after trying so many other things. THANKS AGAIN!

Chris

[Nico]

Happy to hear that.

Feel free to ask ug again.

Thanks.

[Author]

Posts