Add Shopify product page calendar Without App

  • January 14, 2024
  • ramzan
  • 1 min read

Add below code snippet inside product page

<style>
    .calender-field {
      margin-top: 10px;
    }
    .calender__input {
      box-shadow: inherit;
      font-size: 1.5rem;
      border: 1px solid #929496;
      background-color: transparent;
      cursor: pointer;
      border-radius: 1px;
      color: #31373d;
      
      padding: 10px;
    }
</style>
<div class="calender-field">
  <label class="form__label" for="calenderinput">
    {{ 'Wear Date *Required' }}
  </label>
  <input form="{{ product_form_id }}" required id="calenderinput" class="calender__input" type="date" name="properties[Wear Date]">
</div>