Skip to main content

Divider

A setting of type divider

Setting​

{
  "id": "divider",
  "type": "divider",
  "label": "divider",
  "default": {}
}

Giao diện​

alt

Khi truy cập giá trị divider dữ liệu được trả về dưới dạng :

{settings.action}

Output

Entity

export interface ActionItem extends Partial<ActionItemValidate> {
  actionType: ActionType;
  emailSubject?: string;
  emailBody?: string;
  url?: string;
  openNewTab?: boolean;
  scrollTo?: string;
}

| Name | description | Type | Default | | :----------- | :--------------------------------- | :----------------------------------------------------– | ---------------------- | | actionType | activity the user wants to perform | 'no' ,'url' , 'popup' , 'scroll' ,'email' , 'phone' | 'no' | | openNewTab | Open a new tab | boolean | false | | url | path | string | null | | scrollTo | Scroll to | string | null | | topOffset | Top off set | UnitValue | {value:0 , unit:'px} | | email | Email | string | null | | emailSubject | Email subject | string | null | | phone | Phone number | string | null |

Example

{
    "actionType": "phone",
    "openNewTab": true,
    "url": "https://shopify.dev/docs/themes/architecture/settings/input-settings#video_url",
    "topOffset": {
        "value": 43,
        "unit": "px"
    },

    "scrollTo": "section_2342343"
    "email": "xotiny@gmail.com",
    "emailSubject": "Hello",
    "phone": "0123456789",

}