- segmented method control with line icons - round calendar days with availability dots and scarcity badges - pill time chips; confirmation stub shows method, place, date, time, fee - colours derive from theme text colour + one merchant accent (light/dark safe) - rename leftover ss- internals to dw- Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
32 lines
800 B
Plaintext
32 lines
800 B
Plaintext
{%- comment -%}
|
|
App block for the cart page. The widget renders into this element; the app embed
|
|
(embed.liquid) adds the same widget to cart drawers.
|
|
{%- endcomment -%}
|
|
<div
|
|
class="datewise"
|
|
data-datewise-root
|
|
data-heading="{{ block.settings.heading | escape }}"
|
|
{{ block.shopify_attributes }}
|
|
>
|
|
<div class="dw-skeleton" aria-hidden="true"></div>
|
|
<noscript>{{ 'datewise.noscript' | t }}</noscript>
|
|
</div>
|
|
|
|
{% schema %}
|
|
{
|
|
"name": "Delivery date & time",
|
|
"target": "section",
|
|
"javascript": "datewise.js",
|
|
"stylesheet": "datewise.css",
|
|
"enabled_on": { "templates": ["cart"] },
|
|
"settings": [
|
|
{
|
|
"type": "text",
|
|
"id": "heading",
|
|
"label": "Heading",
|
|
"info": "Leave blank to use the heading from the Datewise app settings."
|
|
}
|
|
]
|
|
}
|
|
{% endschema %}
|