Skip to main content

How to place the Choose Date / Time selector anywhere on your product page

Updated over a week ago

If you want to control exactly where the Choose Date / Time selector appears, you can manually place it anywhere on your product page using a Custom Liquid block in your Shopify theme editor.

This gives you full control over the placement — for example above the Add to Cart button, below the price, or anywhere else in the layout.


Steps to place the date selector

  1. Go to Shopify Admin → Online Store → Themes

  2. Click Customize on your active theme

  3. Open the product template used for your event product

  4. Click Add block

  5. Select Custom Liquid (or HTML block, depending on your theme)

  6. Paste the following code into the block:

<div data-evey-scheduler></div>
  1. Drag the block to the exact location where you want the selector to appear

  2. Click Save

The Choose Date / Time selector will now display in that position on the product page.


Common placement examples

Merchants often place the selector:

  • Above the Add to Cart button

  • Below the price

  • Under the product description

  • Near the ticket options

Did this answer your question?