Removing the displayed images in the Preview before Submit widget

  • Profile Image
    Asked on July 19, 2016 at 07: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!

  • Profile Image
    Answered 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.

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

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