Placement & Styling
Style Templates
Overview Style templates are predefined design presets that instantly change the look and feel of your calculator. Each template provides a complete set of CSS variable values that control colors, fonts, spacing, borders, and other visual properties. ...
Standalone Calculator
Overview A standalone calculator is not tied to any Shopify product. Instead of appearing on product pages, it lives on any page you choose — a landing page, a custom page, or your homepage. Standalone calculators are ideal for quote builders, ...
Linking to Products
Overview Linking a calculator to products controls which product pages display the calculator on your storefront. When linked, the calculator appears on the selected product pages through the CalcAI Calculator block in your theme and supports full ...
Custom JavaScript
Overview Appify OPC allows you to add custom JavaScript to your calculator for advanced use cases that go beyond built-in configuration. You can run code when the calculator first loads (global scripts) or when a specific option's value changes ...
CSS Variable Customization
Overview Appify OPC uses CSS custom properties (variables) prefixed with --calc-* to control every visual aspect of your calculator. By editing these variables, you can fine-tune colors, fonts, spacing, border radius, shadows, and more — all without ...
Adding Theme Blocks
For an overview of all Appify OPC theme extension components, see Theme App Extension. Overview Appify OPC provides a set of theme blocks that you add to your Shopify theme through the Theme Customizer. These blocks control where and how the ...
Add to Cart Button Settings
Overview Appify OPC works with your theme's Add to Cart button to include the calculated price and customer selections when an item is added to the cart. In most themes, Appify OPC detects the button automatically. If auto-detection doesn't work — or ...
AI Style Assistant
Overview The AI Style Assistant lets you describe the visual style you want in plain English, and it generates the CSS variable values for you. Instead of manually tweaking dozens of variables, you can describe a look — like "dark theme with rounded ...
Popular Articles
Appify Privacy Policy
Strategic Edge Systems ltd dba Appify, provides Shopify store owners with functionality to customize products and price them accordingly “the Service” to merchants who use Shopify to power their stores. This Privacy Policy describes how personal ...
Rule Conditions
Overview Conditions are the "if" part of every visibility rule and value rule. Each condition checks the current value of an option or variable and compares it using an operator. When the conditions on a rule are satisfied (based on the All/Any/None ...
Checkout Pricing
Overview When a customer configures a product using an Appify OPC calculator and adds it to their cart, the calculated price is applied automatically at checkout. No manual setup or discount codes are needed — the customer is charged the amount ...
Pricing Variables
Overview Pricing variables are named, computed values that act as intermediate steps in your pricing logic. Instead of writing one large formula, you can break the calculation into smaller, readable pieces — each stored as a variable — and reference ...
Add to Cart Button Settings
Overview Appify OPC works with your theme's Add to Cart button to include the calculated price and customer selections when an item is added to the cart. In most themes, Appify OPC detects the button automatically. If auto-detection doesn't work — or ...