Task IntentTheme
Product Recommendation Row
Add a dynamic product recommendation row using Shopify's native recommendation API.
What This Sidekick Query Does
Add a dynamic product recommendation row using Shopify's native recommendation API.
Prompt / Skill
Create a product recommendation row section for product pages that uses Shopify’s Product Recommendations API (/recommendations/products.json?product_id=[PRODUCT_ID]&limit=[LIMIT]). The section should fetch recommendations dynamically via JavaScript after the page loads. Display recommended products in a horizontal scrollable row with [VISIBLE_PRODUCTS] visible at a time on desktop. Each product card should show: product image, title, price, and a Quick Add button. Add navigation arrows on desktop and support swipe on mobile. Include a section heading [SECTION_HEADING] (e.g., You May Also Like) and a fallback message or alternative collection display if the API returns no results. Use the intent parameter set to [INTENT] (options: related, complementary). The section should not block page load – load asynchronously. Generate the Liquid section, JavaScript for API fetching and rendering, and CSS.
Expected Output
Add a dynamic product recommendation row using Shopify's native recommendation API.
Tips to Improve Results
- 1
Copy the prompt above
- 2
Open Shopify Sidekick in your Shopify admin
- 3
Paste the prompt and replace the bracketed placeholders with your details
- 4
Review Sidekick's response and apply the suggestions
Sidekick Skills & Magic Prompt
Create & manage AI skills for Sidekick. Discover skills from other merchants.