Add An Image In 2 Step Order Form Options

[Mohamad]

Hi @Latin_Flow

Just wanted to share a quick update regarding customizing the product image on Step 2 of the form.
I’ve implemented a solution using custom CSS and JavaScript to move the product image below the title, align the radio button and title side by side, and ensure the layout works nicely for multiple products.

Customize Product Image on Step 2 Form

[image] When customizing your funnel or product upsell on Step 2, you may want the product image to appear below the title, and the title and radio button to share the first row evenly. This can be done using custom CSS and JavaScript. [image] In Custom CSS, add the following code: .pl-name { display: grid !important; grid-template-columns: 50% 50%; /* first row: two equal columns */ grid-template-rows: auto auto; /* two rows */ grid-template-areas: "radio title" /*…