Customize Inline Forms

Technical Q&A
, , ,

Topic summary

A user requested help adding an image alongside an inline form on their Shopify page. They wanted two forms arranged side-by-side with images, each taking 50% width.

Resolution Process:

  • Initially, helpers offered to write custom CSS code but needed store access
  • User provided a collaborator request code (5607) and admin link for direct theme access
  • Dan-From-Ryviu accessed the theme and implemented the solution

Technical Solution:

  • Custom code was added to the theme.liquid file
  • Implementation used Liquid templating with a page ID conditional (147336364347)
  • The solution successfully arranged the forms and images as requested

Outcome: Issue resolved. The user confirmed the layout works correctly and requested to see the implementation code, which was shared for future reference.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Can someone please help me to give the code or something that i can add image for this inline form?

Screenshot 2025-04-15 at 13.42.12.png
Screenshot 2025-04-15 at 13.42.12.png3350×1540 194 KB

1 Like
2

Hi @tracy_xoxo
Please give me your store URL. I’ll write the code based on your store setup. Once I send it to you, you just need to add the code to your theme’s style file. That’s it — super easy! :blush:

3

Do you mean add an image to the right side of your form?

4

Thanks so much for your support!

At the moment, we’re still in a testing phase and making some internal adjustments. However, we’d be really grateful if you could go ahead and write the code based on a general setup. Once you send it through, we’ll add it to our theme’s style file as you suggested and test it on our end.

5

Yes, can you please write the code on here?

6

Please add another image section below or above your form then send me the link to the page so I can give you the code to do that.

7

There are currently two forms on this page. Could you please arrange them as indicated by the red arrows, and set the image width to 50%? link of this page is here

Screenshot 2025-04-16 at 17.04.39.png
Screenshot 2025-04-16 at 17.04.39.png1938×1112 111 KB

1 Like
8

Hi, can you give me the admin link? Could you provide the collab request code so I can request to access your theme and check?

9

Hi this is the collab request code: 5607 and the admin link is here

10

Sorry this is the correct link

1 Like
11

H @tracy_xoxo

Please reload your page and check again.

12

Yes, it works. Thank you so much! Can you please show me the code and how did you do that?

1 Like
13

You can see this code below I added in theme.liquid file

{% comment %} Dan from Ryviu {% endcomment %}
    {% if page.id == 147336364347 %}
      
    {% endif %}
    {% comment %} End - Dan from Ryviu {% endcomment %}