How can I create a product template on Ride theme?

Topic summary

Goal: create/locate a product template in the Ride theme (Shopify Online Store 2.0) and add an on-page “Make an inquiry” interaction on product pages.

Key context:

  • Ride uses JSON templates (e.g., product.json) instead of legacy product-template.liquid from older themes like Narrative.
  • Suggested approach: consolidate product code into a Section and create a JSON product template; a tutorial is linked on converting Liquid templates to JSON.

User needs and constraints:

  • Already on Ride/OS 2.0, so Liquid-based tutorials don’t apply.
  • Wants functionality shown in linked video and example site (“Make an inquiry” form/modal without leaving the product page) to increase engagement.

Actions so far:

Notes on references:

  • Linked videos and the example product page are central to the requested functionality.

Status:

  • No definitive solution provided. Next step likely involves implementing a custom section/block (e.g., modal/contact form) within product.json and wiring it via theme customizer; thread remains open awaiting specific guidance or code steps.
Summarized with AI on January 29. AI used: gpt-5.

I’ve made separate product templates for Narrative Theme But the Ride Theme is so much different. I really just need to locate the default template file.

1 Like

@AcidSecs

Thanks for post if you need AlterNet product template

Hi @AcidSecs ,

If you are coming from Narrative theme, I would suggest to compile the code for the product in one Section. After you do that, you need to create a JSON file for product template. I would recommend watching this video on how to transform your liquid template to json.

Hi @KetanKumar

My understanding from this thread is that any tutorials working on a product-template.liquid is not going to work on Ride, which runs a product.json file.

I see you guys propose converting .liquid files to Json but that wouldn’t work for me since I am already working within Ride and all of its 2.0 files.

Essentially, I am super eager to add this functionality to my product pages but the steps involved are overwhelming and I wonder if it is even possible at this point.

Any help is hugely appreciated…

Kind regards,

Sacha

1 Like

@sachahcas

oh sorry for any issue can you please share store url so i will check and let you know

1 Like

Of course - I should’ve included it in the answer.
It’s https://us.nspsurfboards.com/products/longboard

All the best,

Sacha

'Forgot to tag you @KetanKumar :disappointed_face:

Hi @KetanKumar - store URL is https://us.nspsurfboards.com/products/longboard buddy…

1 Like

@sachahcas

oh sorry for late here can you please create template theme customization side or edit code template did you try it?

1 Like

Hi @KetanKumar

If you mean whether I tried setting this up myself; I can’t.
The instructions are for a different version of Shopify. the thread is on liquid files, while my setup is all json-ified.

I am looking to create this functionality ideally in this form:
"Make an inquiry" - the way that their product page doesn’t change is really-really nice and insightful.

Essentially it is another interaction point, bridging the gap between customers and hesitant customers.

In Wordpress I know how to build this - in Shopify I am lost…

Where do you recommend I go from here @KetanKumar ?