Jump to content

How to add image to custom check out form?

Recommended Posts

Site URL: https://seahorse-grouse-kbyr.squarespace.com/checkout?cartToken=W6s7ZKj3fbwfYlj5Q9TtU86z5PWgpuehF_2oQThd

I have made a custom checkout form for my shirting website in development. In that there is a question where I ask "Which body type you associate with yourself?" and for this I need a photo to display before the options. I looked online for a solution and added the image in Design>Custom CSS and copied the link into the form. But it didn't work. Please help me out. I don't know coding.

Screenshot 2021-05-30 at 4.20.35 PM.png

Link to comment
  • Replies 4
  • Views 750
  • Created
  • Last Reply
1 hour ago, MilindRathod said:

Site URL: https://seahorse-grouse-kbyr.squarespace.com/checkout?cartToken=W6s7ZKj3fbwfYlj5Q9TtU86z5PWgpuehF_2oQThd

I have made a custom checkout form for my shirting website in development. In that there is a question where I ask "Which body type you associate with yourself?" and for this I need a photo to display before the options. I looked online for a solution and added the image in Design>Custom CSS and copied the link into the form. But it didn't work. Please help me out. I don't know coding.

Screenshot 2021-05-30 at 4.20.35 PM.png

Custom checkout form is not accept any custom code injection, you can only change how the product form looking

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
1 hour ago, MilindRathod said:

Oh. Thanks for explaining it. Another solution that comes to mind is to redirect checkout button on shopping cart page to my custom form instead of going directly to checkout. Can you help me with the coding?

What kind of form you already have?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.