Is it possible to hide image and price per item in "Product List Form Field"

  • ImmanuelLutheranChurch
    Asked on July 9, 2020 at 10:43 AM

    Is it possible to hide the item image and price per item in "Product List Form Field" from the end user (pictured below)? I've looked around and tried my best, but no luck. 

    1594305642HideThese Screenshot 10

  • Johann_A
    Replied on July 9, 2020 at 11:02 AM

    Hi there, 

    Can you please try to inject the following CSS code. 

    Go to the blue icon on the right >  click on Style tab 

     

    1594306906Capture d’écran 2020 07 08 Screenshot 10

     1594307443Capture d’écran 2020 07 09 Screenshot 21

    Then copy this line of code to remove the image of your product list field : 

    .form-product-item img {

    display: none;

    }

     

    and now to remove the prices you can inject this : 

     .form-payment-total b > span > span > span, .form-product-details b > span > span {

        margin-left: -3px;

        display: none;

    }

    .form-product-details {

        font-size: 0.857em;

        display: none;

    }

     

    1594307422Capture d’écran 2020 07 09 Screenshot 32

     

    I also encourage you to check this guideline about how to inject CSS : 

    How to Inject Custom CSS Codes

     
    Have a good day
  • ImmanuelLutheranChurch
    Replied on July 9, 2020 at 11:52 AM

    Johann_A,

    Thanks for your help. Your solution did the trick.