How do I remove the Product Details from my Product List

  • Sonya King
    Asked on April 6, 2023 at 11:13 AM

    I want to use the product list but without the price and add to cart button. We are not ready to "OPEN"/sell online. However, I want to display pictures for the current items and share some information about them. Using the product list will keep me from having to start over once we officially launch. The "add to cart" button would be replaced with a "more info" button that opens each item's page with the product's information, usage and ingredients. How is the best (and simplest) way to achieve this?

    Page URL: https://www.jotform.com/help/how-to-add-new-product-list-to-an-existing-app/
  • Tim_Rub
    Replied on April 6, 2023 at 11:57 AM

    Hey Sonya,

    Thank you for reaching out to Jotform about this. So far I was able to remove the price from the Product List with some CSS added to the form.

    span.form-product-details{
    
display:none;
    
}

    By adding this to the form the product details will be removed. In this case product details refers to the price shown next to the product.

    If you don't know how to add CSS to your form you can follow this guide.

    If you could share the form you are working on with me I would be happy to assist you with the rest of your request.