Playback starts YouTube’s embedded player (privacy-enhanced mode).
How to create Custom Product Options with Custom Pricing Rules
ChannelCoding with Jan - Shopify DeveloperChapters
Description from the creator
👨🎓 Automate More. Build Faster. Land Better Opportunities with AI:
codingwithjan.com/ai-developer?src=custom-prici…
🎬 About this Video
A lot of you asked for a more advanced version of my earlier free custom-inputs video, so here it is. In this one I show you how to add custom user inputs to a product page with real logic behind them: custom pricing rules that adjust the price based on what the customer picks, and conditional logic that shows or hides options depending on previous selections. I use the Bold Product Options app for this (an affiliate link, and I explain honestly why an app makes sense here: some of this needs back-end code you simply can't run from your theme files). We build an option set for a custom print product (material, frame, frame color swatches, image effects), wire up conditional logic (hide the frame color when "no frame" is selected), clean up the layout with custom CSS, and finally hook the extra cost into the real product price using a Liquid snippet identifier. I also share how I think about validating a product idea cheaply before investing in a custom app.
⏳ Timestamps
00:00 Intro and a Gift From a Viewer
01:35 What We'll Build and Why an App
04:02 Installing the App
05:57 Building the Custom Options
10:24 Conditional Logic (Show/Hide Options)
11:30 Fixing the Layout With Custom CSS
13:54 Adding the Extra Cost to the Price
🔎 SEO Description
How to create custom product options with custom pricing rules on Shopify. This tutorial builds advanced product page inputs using the Bold Product Options app: dropdowns, radio buttons, color swatches, and checkboxes that adjust the product price, plus conditional logic that shows or hides options based on earlier selections (for example hiding the frame color when no frame is chosen). It also covers cleaning up the layout with custom CSS and integrating the extra option cost into the real product price by adding a unique Liquid selector to the price snippet. Includes advice on validating a product idea cheaply before paying for a custom app. For Shopify store owners and developers building configurable, personalized products.
🤝 Connect on LinkedIn:
linkedin.com/in/jan-frey/
📧 Contact:
codingwithjan.com
codingwithjan.com/ai-developer?src=custom-prici…
🎬 About this Video
A lot of you asked for a more advanced version of my earlier free custom-inputs video, so here it is. In this one I show you how to add custom user inputs to a product page with real logic behind them: custom pricing rules that adjust the price based on what the customer picks, and conditional logic that shows or hides options depending on previous selections. I use the Bold Product Options app for this (an affiliate link, and I explain honestly why an app makes sense here: some of this needs back-end code you simply can't run from your theme files). We build an option set for a custom print product (material, frame, frame color swatches, image effects), wire up conditional logic (hide the frame color when "no frame" is selected), clean up the layout with custom CSS, and finally hook the extra cost into the real product price using a Liquid snippet identifier. I also share how I think about validating a product idea cheaply before investing in a custom app.
⏳ Timestamps
00:00 Intro and a Gift From a Viewer
01:35 What We'll Build and Why an App
04:02 Installing the App
05:57 Building the Custom Options
10:24 Conditional Logic (Show/Hide Options)
11:30 Fixing the Layout With Custom CSS
13:54 Adding the Extra Cost to the Price
🔎 SEO Description
How to create custom product options with custom pricing rules on Shopify. This tutorial builds advanced product page inputs using the Bold Product Options app: dropdowns, radio buttons, color swatches, and checkboxes that adjust the product price, plus conditional logic that shows or hides options based on earlier selections (for example hiding the frame color when no frame is chosen). It also covers cleaning up the layout with custom CSS and integrating the extra option cost into the real product price by adding a unique Liquid selector to the price snippet. Includes advice on validating a product idea cheaply before paying for a custom app. For Shopify store owners and developers building configurable, personalized products.
🤝 Connect on LinkedIn:
linkedin.com/in/jan-frey/
📧 Contact:
codingwithjan.com
About this tutorial
Coding with Jan - Shopify Developer published this 17:26 video tutorial on May 27, 2020. It has been watched 50,061 times on YouTube.
- Category
- Education
- Duration
- 17:26
- Published
- May 27, 2020
- Views
- 50,061
- Likes
- 781
Tags
Share
This tutorial in other languages
- FRComment créer des options produit avec les règles de tarification personnalisés
- ESCómo crear Opciones de Producto Las reglas de precios personalizados
- PTComo criar opções de produtos personalizados com regras de preços personalizados
- ITCome creare opzioni personalizzate di prodotto con regole sui prezzi personalizzati
- DEWie erfolgt die kundenspezifische Produktoptionen mit benutzerdefinierten Preisregeln erstellen
- NLHoe u aangepaste Product opties met aangepaste prijzen Regels maken
- RUКак создать пользовательские варианты продукта с пользовательскими правилами ценообразования
- PLJak utworzyć niestandardowe opcje produktu z przepisów dotyczących cen niestandardowych
- JAカスタム価格設定ルールをカスタム製品オプションを作成する方法
- ARكيفية إنشاء خيارات المنتج مخصص لقواعد التسعير مخصص
- HIकस्टम मूल्य निर्धारण नियम के साथ कस्टम उत्पाद विकल्प बनाने के लिए कैसे
- IDCara membuat Pilihan Produk Kustom dengan Aturan Penetapan Harga Kustom