Removing the displayed images in the Preview before Submit widget

  • jwfieren
    Asked on July 19, 2016 at 7:29 AM

    Hi, how can I prevent Preview before Submit to display pictures?

    I would like to show an order summary of only products chosen (so no empty fields and no pictures), rather as a list or table.

     

    Thanks for your help!

  • John_Benson
    Replied on July 19, 2016 at 11:14 AM

    You need to add this custom CSS code to remove the images from the Preview before Submit widget. Here's the code:

    #previewContainer li>div img {
    display: none !important;

    #previewContainer li {
    padding: 1px !important;

    Also, here's a guide how to inject custom css code: How-to-Inject-Custom-CSS-Codes

    To remove empty fields just disabled it from the Preview before Submit widget wizard. Here's a guide:

    1. Select the Preview before Submit widget, click the wand icon.

    Removing the displayed images in the Preview before Submit widget Image 1 Screenshot 30

    2. Scroll down and select NO in the Include Empty Inputs.

    Removing the displayed images in the Preview before Submit widget Image 2 Screenshot 41

    Let us know if you need any further assistance. Thank you.