Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 2, 2019 at 12:06 am #1061791
    hartgen

    Hi,

    I’m using Enfold as a child theme.

    For several reasons (e.g. fractional quantities, configurable products) I installed the plugin ‘Calculated Fields Form’ and it works.

    Main Concern:
    Is it possible to hide the ‘quantity’ field and the ‘<‘ and ‘>’ buttons
    1. on the product page?
    2. In the cart?

    If there is an update of Enfold, then this fields and buttons should stay hidden. So I think it’s necessary to hide them in the child theme.

    Could you please help me?

    Best regards
    Jorg

    February 2, 2019 at 1:58 am #1061816
    Mike

    Hey Jörg,
    Thank you for the login, we can hide the hide the ‘quantity’ field on the product pages an in the cart, but for the arrows, do you mean the arrows on the edge of the screen that goes the next product, or do you mean the plus & minus symbols on either side of the ‘quantity’ field?
    Please see the screenshot in Private Content area.

    Best regards,
    Mike

    February 2, 2019 at 10:05 am #1061935
    hartgen

    Hi Mike,
    concerning the product page, we need to remove all quantity and price related product information from the product detail page. Please have a look at the following screenshot:

  • https://drive.google.com/file/d/1HwJIwCy57EDbShWY-sJs2w2lWRLrTjVb/view?usp=sharing

    • Concerning the cart, we need to remove price and quantity of the product. The sum for each product must stay visible. Please have a look at the following screenshot:

  • https://drive.google.com/file/d/1scKP-O20nCoYY75-sFrA4A2RkFapo6nG/view?usp=sharing

    • Best regards
    Jorg

    • This reply was modified 5 years, 3 months ago by hartgen.
February 2, 2019 at 4:31 pm #1062016
Mike

Hi,
For the product page, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.single-product div[itemprop=offers],#top.single-product p.delivery-time-info,div.quantity {
display: none !important;
}

For the cart page, please use this css:

#top.woocommerce-cart form.woocommerce-cart-form th.product-price,#top.woocommerce-cart form.woocommerce-cart-form td.product-price {
display: none !important;
}
#top.woocommerce-cart form.woocommerce-cart-form th.product-quantity,#top.woocommerce-cart form.woocommerce-cart-form td.product-quantity {
display: none !important;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

February 2, 2019 at 10:40 pm #1062080
hartgen

Hi Mike,

it’s great!

Thank you very much.

Best regards
Jorg

February 3, 2019 at 4:23 am #1062100
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

  • Author
    Posts
    • Viewing 6 posts - 1 through 6 (of 6 total)
    • The topic ‘Hide quantity on product page and cart / Plugin Calculated Fields Form’ is closed to new replies.