Skip to main content

Draw: Custom theme installation

  • Updated

🧑‍🎨 For custom theme developed in-house or by a development agency

Step 1: Create a new product page template used for EQL Launches in your theme

To avoid affecting other product on merchant’s store, you must create a separate template based on your preferred Product template, to use for EQL Draw.

  • Navigate to Theme Editor, on the top bar, open the dropdown.
  • Click on “Products”.
  • Click on “Create template”.
  • Name the new template. For example: “EQL Draw Template”.
  • Click on Create template.
  • Once that’s done, review the new template you just created, and return to EQL Launches app instruction screen.
  • You should see Step 1 marked as completed, and the right template selected.

 

Step 2: Remove any ability to Add to cart or Buy now from your template

To ensure that customers can only enter the Draw — and not purchase the product through your standard storefront — you'll need to remove the default Buy button and Quantity selector from the product template used for Draw launches. 

This prevents conflicts between Shopify's normal checkout flow and EQL's Draw entry system.

We also recommend removing any storefront elements that aren’t relevant to the launch flow. These may confuse customers or conflict with EQL’s controlled purchase experience.

đź›  What to check and remove from your EQL Draw template:

  • Installment/payment plan widgets (e.g. Afterpay, Klarna)
  • Pickup options or pickup availability
  • Subscription widgets or recurring purchase apps
  • Dynamic pricing or promotional badges
  • Other custom storefront apps or blocks not intended for Draws

đź›  How to do this:

  1. In your Shopify Theme Editor, open the EQL Draw product template (the one you created earlier).
  2. In the Product information section (or wherever your theme displays purchase elements), locate the blocks or code related to:
    • Buy button (e.g. “Add to Cart”, “Buy Now”)
    • Quantity selector
    • Any custom storefront app blocks not relevant to Draw
  3. Remove or disable these elements from the template.
💡 Some custom themes might require editing the code directly. Go to Online Store → Edit Code, open the template file (e.g. product.eql-draw.json or similar), and remove the relevant sections.

 

Step 3: Add EQL Draw app block to your template

Now that your product template is set up, it’s time to add the EQL Draw app block. This block powers the Draw entry experience — allowing customers to enter for a chance to purchase the product.

🧭 Where to place the app block:

We recommend placing the EQL Draw app block in the same spot where your theme previously displayed the Buy button, to maintain a familiar layout for your customers. 

If your template includes a variant picker, it's best to place the EQL Draw block directly below or near it, so customers can easily choose a variant (e.g. size or color) before entering the Draw.

🎨 Adding EQL Draw app block as a new section

If your theme doesn’t allow inserting the EQL app block directly into the Product information section, try this workaround:

  • Add the EQL Draw app block as its own standalone section on your product template.
  • Keep your existing Add to Cart or Buy Now button, but update the label to “Enter launch”.
  • Link the button to jump to the EQL Draw section on the page

This approach gives you more layout flexibility while still guiding customers through the EQL launch flow.

đź›  How to add the block in the Theme Editor:

  • Open your Shopify Theme Editor
  • Navigate to the product template you created for Draw launches
  • In the Product information section, hover over any element and click “+ Add block”
  • Scroll to Apps, and select EQL Draw by EQL Launches
  • Drag to reposition if needed, then click Save

 

If you'd like to customise the look and feel of EQL Draw app block to match your store's style, see App block customization

 

Related to

Related articles