Open by default the first tab of my product page (on mobile version)

Hello,

I use a table (product tabs) on my product page.

By default, on a computer, the first tab of my table is open, which allows visitors to directly read the technical description of my product without having to click on the first “Characteristics” tab. Below is the screenshot of the computer version which works as I want :+1: .

However for the mobile version, this tab is closed by default. The characteristics of my product are not displayed by default as in the screenshot below.

How to open this tab by default on the mobile version please???

Don’t hesitate to ask me for a copy of the code you need to take a look, I can send the liquid or other files if necessary… Thank you in advance for your help

1 Like

Dear Hannah, thank you for your help. I already had a look on product page settings but I cannot open this tab by this way.

Here is the code of my product page to let you say what I have to modify :

{%- if settings.breadcrumb_pr -%}{%- render 'breadcrumb' -%}{%- else -%}
{%- endif -%}
{%- liquid
    assign isRtl = false
    assign lisRtl = 'ar,dv,ha,he,ku,fa,ur,ug' | split: ','
    if lisRtl contains request.locale.iso_code or settings.rtl
        assign isRtl = true
    endif

    assign secSt = section.settings
    assign current_variant = product.selected_or_first_available_variant
    assign product_thumb_size = '160x'
    assign zoomImg = '1800x1800'
    assign enable_zoom = settings.enable_zoom

    assign className = ""
    assign slidefade = true
    assign centermode = 'left'
    assign watchCss = false
    assign slHeight = true
    assign dotNav = false

    assign product_image_width = 'wd50-md'
    assign product_description_width = 'wd50-md'

    if settings.product_latyout == "style2"
        assign product_image_width = 'wd66-md'
        assign product_description_width = 'wd33-md'
    elsif settings.product_latyout == "style3"
        assign className = "fl f-wrap"
        assign watchCss = true
        assign product_image_width = 'wd60-md'
        assign product_description_width = 'wd40-md'
    elsif settings.product_latyout == "style4"
        assign watchCss = true
    elsif settings.product_latyout == "style5"
        assign className = "fl f-wrap"
        assign watchCss = true
        assign product_image_width = 'wd60-md'
        assign product_description_width = 'wd40-md'
    elsif secSt.prstyle == "5"
		assign centermode = "center"
		assign slHeight = false
		assign dotNav = true
        assign product_image_width = 'wd100'
        assign product_description_width = 'wd100'
    endif
    assign featured_img_src=current_variant.featured_image.src | default: product.featured_image.src

    assign sizeOptions = settings.sizeOpt | downcase | replace:", ","," | replace:" , ","," | replace:" ,","," | split: ","
    assign sizechart = false
    assign sizechartall = flase
	if settings.sizechart and sizeOptions contains 'all'
		assign sizechartall = true
	endif
-%}
{% if settings.product_latyout == "style1" and settings.thumbnail_pos != "bottom" %}
	{% capture imgSt %}--imgw:calc(100% - 90px);{% if settings.thumbnail_pos == "left" %}--od:1;{% endif %}{% endcapture %}
{% elsif settings.product_latyout == "style2" and settings.thumbnail_pos != "bottom" %}
	{% capture imgSt %}--imgw:calc(100% - 90px);{% if settings.thumbnail_pos == "left" %}--od:1;{% endif %}{% endcapture %}
{% else %}
	{% capture imgSt %}--imgw:100%;{% endcapture %}
{% endif %}

	{%- capture productImages -%}
        

            

                

                {% for media in product.media %}
                    {%- assign imgNo = forloop.index0 -%}
                    {% case media.media_type %}
                        {% when 'image' %}
                            <{%- if settings.enable_lightbox -%}a href="{{ media | img_url: 'master' }}"{% else %}div{% endif %} id="{{media.id}}" data-pswp-width="{{media.width}}" data-pswp-height="{{media.height}}" class="pr_zoom_{{section.id}} pr_photo pswipe{% if settings.enable_lightbox %} lightbox{% endif %}{% if enable_zoom %} zoomcr{% endif %}" {% if enable_zoom %}data-zoom="{{ media | img_url: zoomImg }}"{% endif %} data-slide="{{imgNo}}">
                                {%- assign primg_url = media | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
                                
                                    
                                
                            
                        {% when 'external_video' %}
                            

                                
{{ media | external_video_tag }}

                            

                        {% when 'video' %}
                            
                                {%- assign videoThumb = media | img_url: '700x' -%}
                                {{ media | video_tag: poster: videoThumb, controls: true, muted: true, loop: true, playsinline: true, webkit-playsinline: true }}
                            

                        {% when 'model' %}
                            
                                
{{ media | model_viewer_tag: image_size: pimgsize, reveal: 'interaction', toggleable: true, data-model-id: media.id }}

                            

                        {% else %}
                            {{ media | media_tag }}

                        {% endcase %}
                    {% endfor %}                                       
                

              {% assign first_3d_model = product.media | where: "media_type", "model" | first %}
                {%- if first_3d_model -%}
                    
                {%- endif -%}

                {% comment %}*** product video *** {% endcomment %}
                 {%- if product.metafields.my_fields.video != blank -%} {{ 'products.product.video' | t }}{%- endif -%}
                   
                 {% comment %}
                                            
                    {%- if settings.enable_lightbox -%} {{ 'products.product.zoom' | t }}{%- endif -%}                       
                  
{% endcomment %} 
      
                {% if settings.pr_lbl %}
                
                    {%- if settings.sale_lbl and product.compare_at_price > product.price -%}
                        {% if settings.sale_label_style == "salelabel" %}
                          
                        {% else %}
                          
                        {% endif %}
                    {%- endif -%}
                    {%- if product.tags contains settings.pr_label1 -%}{%- endif -%}
                    {%- if product.tags contains settings.pr_label2 -%}{%- endif -%}
                    {%- if product.tags contains settings.pr_label3 -%}{%- endif -%}
                
                {% endif %}
            

            {% if product.media.size > 0 %}
                
                    

                        

                            {% for media in product.media %}
                                {%- assign imgNo = forloop.index0 -%}
                                {% capture thumbImgs %}{{ media | img_url: '100x' }} 100w {{ 100 | divided_by: media.aspect_ratio | round }}h,{{ media | img_url: '200x' }} 200w {{ 200 | divided_by: media.aspect_ratio | round }}h{% endcapture %}
                                

                                    
                                        {% if media.media_type == 'video' or media.media_type == 'external_video'  %}{% endif %}
                                        {% if media.media_type == 'model' or media.media_type == 'external_video'  %}{% endif %}
                                    
                                

                            {% endfor %}
                        

                    

                    
                    
                

            {% endif %}
        

		
		{% if settings.show_share_buttons_single %}
			{% render 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product, sharing_lbl: settings.sharing_lbl %}
		{% endif %}
{%- endcapture -%}
{%- capture infoLinks -%}
    {%- if settings.enable_wishlist or settings.askaboutproduct or settings.shippingpopup -%}
        
            {%- if settings.enable_wishlist -%}{{ 'products.wishlist.add_to' | t}}{%- endif -%}
            {%- if settings.shippingpopup -%} {{'products.product.shipping_link' | t}}{%- endif -%}
            {%- if settings.askaboutproduct -%}
          		 {{'products.enquiry.link' | t}}
          	{%- endif -%}
        

    {%- endif -%}
{%- endcapture -%}
{%- capture productDetails -%}
    {% for block in section.blocks %}
        {% assign blkSt = block.settings %}
        {% case block.type %}
        {%  when 'hr' %}
            

---

 
        {%  when 'title' %}
            # {{ product.title }}
        {%  when 'price' %}
            {%- if product.metafields.custom.product_group != blank -%}{%- endif -%}
            {%- unless settings.hide-price or product.metafields.custom.product_group != blank -%}
              
                  {% if current_variant.compare_at_price > current_variant.price %}
                      {{ 'products.product.regular_price' | t }}
                      {{ current_variant.price | money }}
                      ~~{{ current_variant.compare_at_price | money }}~~
                  {% else %}
                      {{ 'products.product.regular_price' | t }}
                      {{ current_variant.price | money }}
                      ~~{{ current_variant.compare_at_price | money }}~~
                  {% endif %}
                  {% if blkSt.saved %}
                      
                           | 
                          {{ 'products.product.you_save' | t}}
                          {{ current_variant.compare_at_price | minus: current_variant.price | money }}
                          ({{ current_variant.compare_at_price | minus: current_variant.price | times: 100 | divided_by: current_variant.compare_at_price }}%{{ 'products.product.off' | t}})
                      
                  {% endif %}
                  

                    {{ current_variant.unit_price | money }} /
                    
                          {%- if current_variant.unit_price_measurement -%}
                            {%- if current_variant.unit_price_measurement.reference_value != 1 -%}{{- current_variant.unit_price_measurement.reference_value -}}{%- endif -%}
                            {{ current_variant.unit_price_measurement.reference_unit }}
                          {%- endif -%}
                    
                 

              

              {% if blkSt.taxship %}
                {%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
                  
                      {% if shop.taxes_included %}{{ 'products.product.include_taxes' | t }}{% endif %}
                      {% if shop.shipping_policy.body != blank %}{{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}{% endif %}
                  

                {%- endif -%}
            {%- endif -%}
          {%- endunless -%}								
        {%  when 'text' %}
             {{ blkSt.text }}

        {%  when 'ras' %}
            
                {%- if settings.show_product_review -%}
                    
{% include 'ratings' %}

                {%- endif -%}
                {%- if blkSt.availability -%}
                    {{ 'products.product.availability' | t }}
                        {%- liquid
                            assign classNm = 'instock'
                            assign stickLbl = 'products.product.available' | t
                            if current_variant.inventory_management == "shopify"
                                if current_variant.available and current_variant.inventory_quantity < 1
                                    assign classNm = 'preorder'
                                    assign stickLbl = 'products.product.pre_order' | t
                                elsif current_variant.available
                                    assign classNm = 'instock'
                                    assign stickLbl = 'products.product.available' | t
                                else
                                    assign classNm = 'outstock'
                                    assign stickLbl = 'products.product.unavailable' | t
                                endif
                            endif
                        -%}
                        {{stickLbl}}
                    

                {%- endif -%}
                {%- if blkSt.sku and current_variant.sku != blank -%}{{ 'products.product.sku' | t }} {{ current_variant.sku }}
{%- endif -%}
            

        {% when 'coltabs' %}
            
        {%  when 'vendor' %}            
            
                {%- liquid
                    assign vlink = routes.collections_url | append: '/vendors?q=' | append: product.vendor
                    for coll in product.collections
                        if coll.title == product.vendor
                            assign vlink = coll.url
                            break
                        endif
                    endfor
                    assign imgName = product.vendor | handleize | append:'.png'
                    assign imgsrc=imgName | file_img_url: '200x'
                -%}
                
                    {% if imgSrc contains '?v=' and blkSt.img %}
                        
                    {% else %}
                        {{product.vendor}}
                    {% endif %}
                
            

        {%  when 'cta' %}
            {%- if product.metafields.custom.product_group != blank -%}
                {%- render 'products-group', blkSt: blkSt, infoLinks:infoLinks  -%}
            {%- else -%}
                {%- assign product_form_id = 'product-form-' | append: section.id -%}
                
            {%- endif -%}      
        {%  when 'countdown' %}
            {% if product.metafields.my_fields.countdown != blank %}
            

                {%- if blkSt.lbl != blank -%}{%- endif -%}
                

                    00{{'date_formats.days' | t}}00{{ 'date_formats.hours' | t }}00{{'date_formats.minuts' | t}}00{{'date_formats.seconds' | t}}
                

            

            {%- endif -%} 
          {% when 'order' %}
            {%- assign ordermsg = blkSt.omsg | replace: '[orders]','' | replace: '[hours]','' -%}
            

               {{ordermsg}}
            

            
        {% when 'visitor' %}
            {%- assign visitormsg = blkSt.visitors_msg | replace: '[visitors]','' -%}
            

                {{visitormsg}}
            

            
        {% when 'qty' %}
            {%- assign enableqtyMsg = true -%}
            {%- if current_variant.inventory_management == "shopify" and current_variant.inventory_quantity < blkSt.maxqty and current_variant.inventory_quantity > 0 -%}
                {%- assign enableqtyMsg = flase -%}
            {%- endif -%}
            {% assign qtyMsg = 'products.product.quantity_message' | t | split: '{{items}}' %}
            

                {{qtyMsg[0]}} {{current_variant.inventory_quantity}} {{qtyMsg[1]}}
            

          {% when 'freeship' %}
            {%- assign shipProd = all_products[settings.free_ship].price | minus: cart.total_price -%}
            {% capture freeAmount %}**{{shipProd | money}}**{% endcapture %}
            
 {% if shipProd > 0 %}{{settings.free_ship_msg | replace: '$',freeAmount }}{% else %}{{settings.got_free_ship }}{% endif %}

        {% when 'shiptime' %}
            {%- if product.metafields.my_fields.shipping_days != blank %}
                {%- assign days = product.metafields.my_fields.shipping_days | split: "/" -%}
            {%- else %}
                {%- assign days = blkSt.estimate | split: "/" -%}
            {%- endif %}

            {% assign day1 = days[0] | times: 86400 %}
            {% assign day2 = days[1] | times: 86400 %}

            {% assign day1day = "now" | date: "%s" | plus: day1 | date: '%A' %}
            {%- if day1day == 'Sunday' %}
                {% assign day1 = days[0] | plus: 1 | times: 86400 %}
                {% assign day2 = days[1] | plus: 1 | times: 86400 %}
            {%- endif %}

            {% assign day2day = "now" | date: "%s" | plus: day2 | date: '%A' %}
            {%- if day2day == 'Sunday' %}
                {% assign day2 = days[1] | plus: 1 | times: 86400 %}
            {%- endif %}
            {% capture startdate %}**{{ "now" | date: "%s" | plus: day1 | time_tag: format: 'day_month' }}**{% endcapture %}
            {% capture enddate %}**{{ "now" | date: "%s" | plus: day2 | time_tag: format: 'day_month' }}**{% endcapture %}
            {%- if blkSt.msg != blank -%}
                

{{blkSt.msg | replace:'[startdate]', startdate | replace:'[enddate]',enddate }}

            {%- endif -%}
        {% when 'shortdes' %}
                
                    {% if blkSt.type == 'shortd' %}
                        {{ product.description | strip_html | truncatewords: blkSt.lmt }}
                    {% elsif blkSt.type == 'fulld' %}
                        {{ product.description }}
                    {% else %}
                        {{ product.metafields.my_fields.short_des }}
                    {% endif %}            
                
  
        {% when 'pickup' %}
            

             
        {% when 'img' %}     
            {%- if blkSt.pimg != blank -%}
                

                    {% if blkSt.pimg_url != blank %}{% endif %}
                    
                    {% if blkSt.pimg_url != blank %}{% endif %}
                

            {%- endif -%}
        {% when 'customc' %}
            {{blkSt.custom_liquid }}

        {% when 'ft' %}
            
                {%- if blkSt.ft1 != blank -%}

{{blkSt.ft1}}

{%- endif -%}
                {%- if blkSt.ft2 != blank -%}

{{blkSt.ft2}}

{%- endif -%}
                {%- if blkSt.ft3 != blank -%}

{{blkSt.ft3}}

{%- endif -%}
                {%- if blkSt.ft4 != blank -%}

{{blkSt.ft4}}

{%- endif -%}
            

        {% when 'type' %}
            {{ 'products.product.type' | t }}  {{ product.type }}

        {% when 'cl' %}
            {%- assign found_a_collection = false -%}
            {%- if collection and collection.all_products_count > 1 -%}
                {%- unless exclusions contains collection.handle -%}{% assign found_a_collection = true %}{%- endunless -%}
            {% endif %}
            {% unless found_a_collection %}
                {% for c in product.collections %}
                    {% unless exclusions contains c.handle or c.all_products_count < 2 %}
                        {% assign found_a_collection = true %}
                        {% assign collection = c %}
                        {% break %}
                    {% endunless %}
                {% endfor %}
            {% endunless %}
            {% if found_a_collection %}
                
                    {{ 'products.product.collection' | t }} 
                    {%- for c in product.collections limit:10 -%}{%- unless exclusions contains c.handle or c.all_products_count < 2 -%}{{ c.title | link_to: c.url }},  {%- endunless -%}{%- endfor -%}
                

            {% endif %}
        {% when 'tags' %}
            {% if product.tags.size > 0 %}
                
					{{ 'products.product.tags' | t }} 
					{%- for collection in product.collections limit:1 -%}
						{%- for tag in product.tags limit:10 -%}{{ tag | remove:'type ' | remove:'Type ' }}{% unless forloop.last %}, {% endunless %}{%- endfor -%}
					{%- endfor -%}
                

            {% endif %}
        {%- when 'complementary' -%}
            {% render 'complementary', product: product, sectionId: section.id, block: block.settings, isRtl:isRtl  %}
        {%- when 'more-color' -%}
            {% render 'more-colors', product: product, sectionId: section.id, block: block.settings %}
        {%- when '@app' -%}
            {% render block %}
        {% endcase %}
    {% endfor %}
{%- endcapture -%}
{%- if settings.product_latyout != "style6" -%}
	
		
{{productImages | strip_newlines | remove: "	"}}

		{{productDetails | strip_newlines | remove: "	"}}

	

{%- else -%}
	
		
{{productImages | strip_newlines | remove: "	"}}

		{{productDetails | strip_newlines | remove: "	"}}

	

{%- endif -%}

                              

  {% for variant in product.variants %}{{variant.inventory_quantity}}{% endfor %}
  {% if sizechart %}
  

        {%- assign prtype = product.type | handleize | append: "-size-chart" -%}
        {%- assign prbrand = product.vendor | handleize | append: "-size-chart" -%}
        {%- if product.metafields.my_fields.sizechart != blank -%}
            {{ product.metafields.my_fields.sizechart }}
        {%- elsif settings.sizechart_type == "type" and pages[prtype].content != empty -%}
            {{ pages[prtype].content }}
        {%- elsif settings.sizechart_type == "brand" and pages[prbrand].content != empty -%}
            {{ pages[prbrand].content }}
        {%- else -%}
			{{ pages[settings.sizechart_page].content }}
        {%- endif -%}
	

    {% endif %}

{%- unless product.empty? -%}
	
	
{%- endunless -%}
{%- include 'product-popup' -%}
{%- assign current_variant = product.selected_or_first_available_variant -%}

{%- capture schemaTags -%}

{%- endcapture -%}
{{schemaTags | strip_newlines | remove: "  " | remove: "	" }}
{% schema %}
{
"name": "Product Page",
  "settings": [
	  {
		"type":"checkbox",
		"id":"section_width",
		"label":"Fullwidth?",
		"default": false
	   },
      {
		"type": "paragraph",
        "content":"Manage some global product options from Theme Settings -> Product Page"
	  }
  ],
	"blocks": [
		{
			"type": "hr",
			"name": "Divider/Space",   
			"settings": [
				{ 
					"type":"color",
					"id":"hrc",
					"label":"Color",
					"default":"#222"	 
				},	
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 50,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20,
					"info":"You can also use this block to add more space between 2 blocks"
				}          
			]
		}, 
		{
			"type": "title",
			"name": "Title",
			"limit": 1,
			"settings": [
				{
					"type": "color",
					"id": "cl",
					"label": "Color",
					"default": "#000"
				},
				{
					"type": "range",
					"id": "fs",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size",
					"unit": "px",
					"default": 22
				},
				{
					"type": "range",
					"id": "fsm",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size(mobile)",
					"unit": "px",
					"default": 18
				},
                  {
                    "type": "select",
                    "id": "ff",
                    "label": "Font Family",
                    "default": "ft2",
                    "options": [
                      {
                        "value": "ft1",
                        "label": "Font 1"
                      },
                      {
                        "value": "ft2",
                        "label": "Font 2"
                      },
                      {
                        "value": "ft3",
                        "label": "Font 3"
                      }
                    ]
                  },
				{
					"type": "select",
					"id": "fw",
					"label": "Font Weight",
					"default": "600",
					"options": [
						{
							"value": "300",
							"label": "Light"
						},
						{
							"value": "400",
							"label": "Regular"
						},
						{
							"value": "500",
							"label": "Medium"
						},
						{
							"value": "600",
							"label": "Semi Bold"
						},
						{
							"value": "700",
							"label": "Bold"
						}
					]
				},
                  {
                    "type": "select",
                    "id": "transform",
                    "label": "Text Transform",
                    "default": "tt-c",
                    "options": [
                      {
                        "value": "none",
                        "label": "none"
                      },
                      {
                        "value": "tt-c",
                        "label": "Capitalize"
                      },
                      {
                        "value": "tt-l",
                        "label": "Lowercase"
                      },
                      {
                        "value": "tt-u",
                        "label": "Uppercase"
                      }
                    ]
                  },
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]   
		},
		{
			"type": "price",
			"name": "Price",
			"limit": 1,
			"settings": [
				{
					"type": "color",
					"id": "pcl",
					"label": "Price",
					"default": "#000"
				},
				{
					"type": "color",
					"id": "pcls",
					"label": "Sale Price",
					"default": "#e95144"
				},
				{
					"type": "range",
					"id": "fs",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size",
					"unit": "px",
					"default": 25
				},
				{
					"type": "range",
					"id": "fsm",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size(mobile)",
					"unit": "px",
					"default": 16
				},
				 {
				  "type": "select",
				  "id": "pfw",
				  "label": "Font Weight",
				  "default": "600",
				  "options": [
					{
					  "value": "300",
					  "label": "Light"
					},
					{
					  "value": "400",
					  "label": "Regular"
					},
					{
					  "value": "500",
					  "label": "Medium"
					},
					{
					  "value": "600",
					  "label": "Semi Bold"
					},
					{
					  "value": "700",
					  "label": "Bold"
					}
				  ]
				},
				{
					"type": "checkbox",
					"id": "saved",
					"label": "Show Discount Saved Badge?",
					"default": true,
					"info": "Display right after price if product have discount"
				},
				{
					"type": "checkbox",
					"id": "taxship",
					"label": "Show tax and shipping information label?",
					"default": false
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]    
		},
		{
			"type": "vendor",
			"name": "Vendor/Brand",
			"limit": 1,
			"settings": [			
				{
					"type": "checkbox",
					"id": "img",
					"label": "Show vendor logo?",
					"info": "Need to create png logo image with same name as vendor name and upload at settings > files. Example: Coca Cola = coca-cola.png, Nike = nike.png"
				},
				{
					"type": "range",
					"id": "lwd",
					"min": 50,
					"max": 500,
					"step": 5,
					"label": "Logo width",
					"unit": "px",
					"default": 150
				},
				{
					"type": "color",
					"id": "cl",
					"label": "Color",
					"default": "#000"
				},
				{
					"type": "range",
					"id": "fs",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size",
					"unit": "px",
					"default": 13
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}                
			]   
		},
		{
			"type": "shortdes",
			"name": "Product Description",
			"limit": 1,
			"settings": [  
				{
					"type": "select",
					"id": "type",
					"label": "Show",
					"default": "shortd",
					"info":"[Description by metafield?](https://www.adornthemes.com/knowledge-base/vogal-product-metafields/)",
					"options": [
						{
							"value": "shortd",
							"label": "Short Description"
						},
						{
							"value": "fulld",
							"label": "Full Description"
						},
						{
							"value": "meta",
							"label": "Metafield Description"
						}
					]
				},
				{
					"type": "range",
					"id": "lmt",
					"min": 5,
					"max": 100,
					"step": 1,
					"label": "Short Description Limit",
					"unit": "px",
					"default": 40
				},            
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]
		},   
		{
			"type": "cta",
			"name": "Product Form",
			"limit": 1,
			"settings":[
				{
					"type": "checkbox",
					"id": "qty_sel",
					"label": "Show Quantity Selector?",
					"default": true
				},      
			    {
					"type": "paragraph",
					"content": "Manage swatch style from Theme Settings-> Product Page"
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}                                           
			]   
		},
		{
			"type": "countdown",
			"name": "Countdown",
			"limit": 1,
			"settings": [
				{       
					"type": "paragraph",       
					"content": "[How to set Countdown timer for each products?](https:\/\/www.adornthemes.com\/knowledge-base\/how-to-add-product-countdown-shopify\/)"
				},
              {
                "type": "text",
                "id": "lbl",
                "label": "Label",
                "default": "Hurry up! Sales End In"
              },
              {
                "type": "color",
                "id": "lcl",
                "label": "Label",
                "default": "#000"
              },
              {
                "type": "color",
                "id": "cl",
                "label": "Text",
                "default": "#fff"
              },
              {
                "type": "color",
                "id": "bg",
                "label": "Background",
                "default": "#16395b"
              },
              {
                "type": "color",
                "id": "bd",
                "label": "Border",
                "default": "#eee"
              },
              {
					"type": "range",
					"id": "bdr",
					"min": 0,
					"max": 50,
					"step": 1,
					"label": "Border Radius",
					"unit": "px",
					"default": 0
				},   
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]   
		},
		{
			"type": "img",
			"name": "Image",
			"settings": [
				{
					"type": "image_picker",
					"id": "pimg",
					"label": "Image"
				},
				{
					"type": "url",
					"id": "pimg_url",
					"label": "Image Link"
				},	 
				{
					"type": "checkbox",
					"id": "img_align",
					"label": "Image align center?",
					"default": false
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]
		}, 
		{
			"type": "text",
			"name": "Text",   
			"settings": [
				{ 
					"type":"textarea",
					"id":"text",
					"label":"Text",
					"default":"Text block",
                    "info":"[Find icons here](http:\/\/www.adornthemes.com\/optimal-icons\/)"
				},    
                 {
                    "type": "color",
                    "id": "cl",
                    "label": "Text Color",
                    "default": "#000"
                  },
                  {
                    "type": "checkbox",
                    "id": "addbg",
                    "label": "Add Background?",
                    "default": false
                  },
                 {
                    "type": "color",
                    "id": "bg",
                    "label": "Color",
                    "default": "#f5f5f5"
                  },
                 {
                      "type": "range",
                      "id": "fs",
                      "label": "Font Size",
                      "default": 13,
                      "min": 10,
                      "max": 20,
                      "step": 1,
                      "unit": "px"
                  },
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]
		},
		{
			"type": "ras",
			"name": "Rating/Availability/SKU",
            "limit": 1,
			"settings": [
				{ 
					"type":"paragraph",				
					"content":"Display Ratings from app. Choose app from General Settings -> Products Reviews"
				},
              {
                "type": "checkbox",
                "id": "availability",
                "label": "Show Product Availability?",
                "default": true
              },
              {
                "type": "checkbox",
                "id": "sku",
                "label": "Show Product SKU?",
                "default": true
              },      
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]
		},
		{
			"type": "coltabs",
			"name": "Collapsible Tab",
			"settings": [
				{ 
					"type":"text",
					"id":"title",
					"label":"Heading",
					"default":"Care Instructions"
				},  
				{
					"type": "select",
					"id": "opt",
					"label": "Content Source",
					"default": "txt",
					"options": [
						{
							"value": "txt",
							"label": "Text as Below"
						},
						{
							"value": "des",
							"label": "Description"
						},
						{
							"value": "size",
							"label": "Size Chart"
						}
					]
				},
				{
					"type": "richtext",
					"id": "richtxt",
					"label": "Tab text",       
					"default":"

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

"
				},
                {
            		"type":"checkbox",
            		"id":"open",
            		"label":"Open by default?",
            		"default": false
          	    },
                { 
					"type":"paragraph",				
					"content":"Manage color and fonts from theme settings > product page > Collapsible Tab"
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 0
				}
			]
		}, 
		{
			"type": "qty",
			"name": "Quantity Message",
            "limit": 1,
			"settings": [
              {
                "type": "range",
                "id": "maxqty",
                "label": "Max Quantity",
                "min": 1,
                "max": 50,
                "step": 1,
                "default": 20,
                "info": "Display stock left number when product stock is less than selected numbers"
              },
              {
                "type": "color",
                "id": "cl",
                "label": "Text",
                "default": "#fff"
              },
              {
                "type": "color",
                "id": "bg",
                "label": "Background",
                "default": "#ff656c"
              },
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]
		},
		{
			"type": "order",
			"name": "Fake Order",
			"limit": 1,
			"settings": [				
				{
					"type": "range",
					"id": "orders",
					"label": "Max Items",
					"min": 1,
					"max": 50,
					"step": 1,
					"default": 20,
					"unit": "qty"
				},
				{
					"type": "range",
					"id": "otime",
					"label": "Order time",
					"min": 5,
					"max": 48,
					"step": 1,
					"default": 24,
					"unit": "h"
				},
				{
					"type": "textarea",
					"id": "omsg",
					"label": "Orders Message",
					"default": " [orders] sold in last [hours] hours",
					"info": "Use '[orders]' for items counts and '[hours]' for hours counts"
				},
                {
                    "type": "color",
                    "id": "cl",
                    "label": "Text Color",
                    "default": "#000"
                  },                  
                 {
                      "type": "range",
                      "id": "fs",
                      "label": "Font Size",
                      "default": 13,
                      "min": 10,
                      "max": 20,
                      "step": 1,
                      "unit": "px"
                  },
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]   
		},
		{
			"type": "visitor",
			"name": "Fake Visitor",
			"limit": 1,
			"settings": [				
				{
					"type": "range",
					"id": "visitors",
					"label": "Max Visitors",
					"min": 10,
					"max": 500,
					"step": 10,
					"default": 50
				},
				{
					"type": "range",
					"id": "visitors_time",
					"label": "Interval time",
					"min": 1,
					"max": 20,
					"step": 1,
					"unit": "sec",
					"default": 5
				},
				{
					"type": "textarea",
					"id": "visitors_msg",
					"label": "Visitors Message",
					"default": " [visitors] People looking for this product",
					"info": "Use '[visitors]' to show user counts"
				},
                {
                    "type": "color",
                    "id": "cl",
                    "label": "Text Color",
                    "default": "#000"
                  },                  
                 {
                      "type": "range",
                      "id": "fs",
                      "label": "Font Size",
                      "default": 13,
                      "min": 10,
                      "max": 20,
                      "step": 1,
                      "unit": "px"
                  },
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]   
		},	
		{
			"type": "shiptime",
			"name": "Shipping Estimate",
			"limit": 1,
			"settings": [
				{
					"type": "paragraph",       
					"content": "Display same time for all products, To set different for each product [follow this article](https:\/\/www.adornthemes.com\/knowledge-base\/show-shipping-estimated-time-for-specific-product-2\/)"
				},
				{
					"type": "text",
					"id": "estimate",
					"label": "Shipping Estimated Days",
					"default": "4\/10",
					"info": "Add value in days like 4\/10 and customer will show date after 4 to 10 days from today date."
				},
				{
					"type": "textarea",
					"id": "msg",
					"label": "Shipping Estimate Message",
					"default": " Estimated delivery between [startdate] - [enddate].",
					"info": "Use '[startdate]' and [enddate] for date to show with message"
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]   
		},
		{
			"type": "freeship",
			"name": "Free Shipping",
			"limit": 1,
			"settings": [           
				{
					"type": "paragraph",
					"content": "Manage free shipping message from Theme Settings -> General Settings -> Free Shipping Message"          
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]
		},
		{
			"type": "pickup",
			"name": "Pickup Availability",
			"limit": 1,
			"settings":[ 
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]  
		},      
		{
			"type": "customc",
			"name": "HTML/Liquid",
			"limit": 2,
			"settings":[
				{
					"type": "liquid",
					"id": "custom_liquid",
					"label": "HTML",
					"info": "Add app snippets or other Liquid code to create advanced customizations.",
					"default":"#### Custom code block

Use this advance section to add custom HTML, app scripts, or liquid.

"
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]
		},
		{
			"type": "@app"
		},
		{
			"type": "complementary",
			"name": "Complementary products",
			"limit": 1,
			"settings": [
				{
					"type": "paragraph",
					"content": "To select complementary products, add the Search & Discovery app. [Learn more](https://help.shopify.com/manual/online-store/search-and-discovery/product-recommendations)"
				},
				{
					"type": "text",
					"id": "title",
					"label": "Heading",
					"default": "Complete the look"
				},
				{
					"type": "color",
					"id": "cl",
					"label": "Color",
					"default": "#000"
				},
				{
					"type": "range",
					"id": "fs",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size",
					"unit": "px",
					"default": 22
				},
				{
					"type": "range",
					"id": "fsm",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size(mobile)",
					"unit": "px",
					"default": 16
				},    
				{
					"type": "select",
					"id": "fw",
					"label": "Font Weight",
					"default": "600",
					"options": [
						{
							"value": "300",
							"label": "Light"
						},
						{
							"value": "400",
							"label": "Regular"
						},
						{
							"value": "500",
							"label": "Medium"
						},
						{
							"value": "600",
							"label": "Semi Bold"
						},
						{
							"value": "700",
							"label": "Bold"
						}
					]
				},
				{
					"type": "range",
					"id": "limit",
					"min": 1,
					"max": 10,
					"step": 1,
					"default": 10,
					"label": "Maximum products to show"
				},
				{
					"type": "paragraph",
					"content": "Products Per Row ==="
				},
				{
					"type": "range",
					"id": "grid",
					"label": "Desktop",
					"default": 4,
					"min": 2,
					"max": 5,
					"step": 1
				},
				{
					"type": "range",
					"id": "gridtb",
					"label": "Tablet",
					"default": 3,
					"min": 1,
					"max": 5,
					"step": 1
				},
				{
					"type": "range",
					"id": "gridmb",
					"label": "Mobile",
					"default": 2,
					"min": 1,
					"max": 5,
					"step": 1
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}
			]
		}, 
		{
			"type": "more-color",
			"name": "More Colors",
			"limit": 1,
			"settings": [
				 {
					"type": "paragraph",
					"content": "To select color products, add the metafields. [Learn more](https://www.adornthemes.com/knowledge-base/more-color-products/)"
				},
				{
					"type": "text",
					"id": "title",
					"label": "Heading",
					"default": "More colors"
				},
				{
					"type": "color",
					"id": "cl",
					"label": "Color",
					"default": "#000"
				},
				{
					"type": "range",
					"id": "fs",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size",
					"unit": "px",
					"default":16
				},
				{
					"type": "range",
					"id": "fsm",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size(mobile)",
					"unit": "px",
					"default": 16
				},    
				{
					"type": "select",
					"id": "fw",
					"label": "Font Weight",
					"default": "600",
					"options": [
						{
							"value": "300",
							"label": "Light"
						},
						{
							"value": "400",
							"label": "Regular"
						},
						{
							"value": "500",
							"label": "Medium"
						},
						{
							"value": "600",
							"label": "Semi Bold"
						},
						{
							"value": "700",
							"label": "Bold"
						}
					]
				},           
				{
					"type": "range",
					"id": "wd",
					"min": 30,
					"max": 150,
					"step": 5,
					"label": "Image Width",
					"unit": "px",
					"default": 100
				},
				{
					"type": "color",
					"id": "bd",
					"label": "Active Border",
					"default": "#000"
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}
			]   
		},      
		{
			"type": "ft",
			"name": "Feature Points",
			"limit": 1,
			"settings":[
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				},
                  {
                    "type": "textarea",
                    "id": "ft1",
                    "label": "Feature Text 1",
                    "default": "<i><\/i> Free Shipping & Return"
                  },
                  {
                    "type": "textarea",
                    "id": "ft2",
                    "label": "Feature Text 2",
                    "default": "<i><\/i> Money back guarantee"
                  },
                  {
                    "type": "textarea",
                    "id": "ft3",
                    "label": "Feature Text 3",
                    "default": "<i><\/i> Fast & reliable support"
                  },
                  {
                    "type": "textarea",
                    "id": "ft4",
                    "label": "Feature Text 4",
                    "default": "<i><\/i> Secure payment"
                  },
                  {
                    "type": "color",
                    "id": "cl",
                    "label": "Text",
                    "default": "#111"
                  }
			]
		},      
		{
			"type": "type",
			"name": "Product Type",
			"limit": 1,
			"settings":[
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]
		},      
		{
			"type": "cl",
			"name": "Product Collection",
			"limit": 1,
			"settings":[
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]
		},      
		{
			"type": "tags",
			"name": "Product Tags",
			"limit": 1,
			"settings":[
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]
		}
	]
}
{% endschema %}

Let me know if you need something else to help me…

Dear Hannah, thank you for your help. I already had a look on product page settings but I cannot open this tab by this way.

Here is the code of my product page to let you say what I have to modify :

{%- if settings.breadcrumb_pr -%}{%- render 'breadcrumb' -%}{%- else -%}
{%- endif -%}
{%- liquid
    assign isRtl = false
    assign lisRtl = 'ar,dv,ha,he,ku,fa,ur,ug' | split: ','
    if lisRtl contains request.locale.iso_code or settings.rtl
        assign isRtl = true
    endif

    assign secSt = section.settings
    assign current_variant = product.selected_or_first_available_variant
    assign product_thumb_size = '160x'
    assign zoomImg = '1800x1800'
    assign enable_zoom = settings.enable_zoom

    assign className = ""
    assign slidefade = true
    assign centermode = 'left'
    assign watchCss = false
    assign slHeight = true
    assign dotNav = false

    assign product_image_width = 'wd50-md'
    assign product_description_width = 'wd50-md'

    if settings.product_latyout == "style2"
        assign product_image_width = 'wd66-md'
        assign product_description_width = 'wd33-md'
    elsif settings.product_latyout == "style3"
        assign className = "fl f-wrap"
        assign watchCss = true
        assign product_image_width = 'wd60-md'
        assign product_description_width = 'wd40-md'
    elsif settings.product_latyout == "style4"
        assign watchCss = true
    elsif settings.product_latyout == "style5"
        assign className = "fl f-wrap"
        assign watchCss = true
        assign product_image_width = 'wd60-md'
        assign product_description_width = 'wd40-md'
    elsif secSt.prstyle == "5"
		assign centermode = "center"
		assign slHeight = false
		assign dotNav = true
        assign product_image_width = 'wd100'
        assign product_description_width = 'wd100'
    endif
    assign featured_img_src=current_variant.featured_image.src | default: product.featured_image.src

    assign sizeOptions = settings.sizeOpt | downcase | replace:", ","," | replace:" , ","," | replace:" ,","," | split: ","
    assign sizechart = false
    assign sizechartall = flase
	if settings.sizechart and sizeOptions contains 'all'
		assign sizechartall = true
	endif
-%}
{% if settings.product_latyout == "style1" and settings.thumbnail_pos != "bottom" %}
	{% capture imgSt %}--imgw:calc(100% - 90px);{% if settings.thumbnail_pos == "left" %}--od:1;{% endif %}{% endcapture %}
{% elsif settings.product_latyout == "style2" and settings.thumbnail_pos != "bottom" %}
	{% capture imgSt %}--imgw:calc(100% - 90px);{% if settings.thumbnail_pos == "left" %}--od:1;{% endif %}{% endcapture %}
{% else %}
	{% capture imgSt %}--imgw:100%;{% endcapture %}
{% endif %}

	{%- capture productImages -%}
        

            

                

                {% for media in product.media %}
                    {%- assign imgNo = forloop.index0 -%}
                    {% case media.media_type %}
                        {% when 'image' %}
                            <{%- if settings.enable_lightbox -%}a href="{{ media | img_url: 'master' }}"{% else %}div{% endif %} id="{{media.id}}" data-pswp-width="{{media.width}}" data-pswp-height="{{media.height}}" class="pr_zoom_{{section.id}} pr_photo pswipe{% if settings.enable_lightbox %} lightbox{% endif %}{% if enable_zoom %} zoomcr{% endif %}" {% if enable_zoom %}data-zoom="{{ media | img_url: zoomImg }}"{% endif %} data-slide="{{imgNo}}">
                                {%- assign primg_url = media | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
                                
                                    
                                
                            
                        {% when 'external_video' %}
                            

                                
{{ media | external_video_tag }}

                            

                        {% when 'video' %}
                            
                                {%- assign videoThumb = media | img_url: '700x' -%}
                                {{ media | video_tag: poster: videoThumb, controls: true, muted: true, loop: true, playsinline: true, webkit-playsinline: true }}
                            

                        {% when 'model' %}
                            
                                
{{ media | model_viewer_tag: image_size: pimgsize, reveal: 'interaction', toggleable: true, data-model-id: media.id }}

                            

                        {% else %}
                            {{ media | media_tag }}

                        {% endcase %}
                    {% endfor %}                                       
                

              {% assign first_3d_model = product.media | where: "media_type", "model" | first %}
                {%- if first_3d_model -%}
                    
                {%- endif -%}

                {% comment %}*** product video *** {% endcomment %}
                 {%- if product.metafields.my_fields.video != blank -%} {{ 'products.product.video' | t }}{%- endif -%}
                   
                 {% comment %}
                                            
                    {%- if settings.enable_lightbox -%} {{ 'products.product.zoom' | t }}{%- endif -%}                       
                  
{% endcomment %} 
      
                {% if settings.pr_lbl %}
                
                    {%- if settings.sale_lbl and product.compare_at_price > product.price -%}
                        {% if settings.sale_label_style == "salelabel" %}
                          
                        {% else %}
                          
                        {% endif %}
                    {%- endif -%}
                    {%- if product.tags contains settings.pr_label1 -%}{%- endif -%}
                    {%- if product.tags contains settings.pr_label2 -%}{%- endif -%}
                    {%- if product.tags contains settings.pr_label3 -%}{%- endif -%}
                
                {% endif %}
            

            {% if product.media.size > 0 %}
                
                    

                        

                            {% for media in product.media %}
                                {%- assign imgNo = forloop.index0 -%}
                                {% capture thumbImgs %}{{ media | img_url: '100x' }} 100w {{ 100 | divided_by: media.aspect_ratio | round }}h,{{ media | img_url: '200x' }} 200w {{ 200 | divided_by: media.aspect_ratio | round }}h{% endcapture %}
                                

                                    
                                        {% if media.media_type == 'video' or media.media_type == 'external_video'  %}{% endif %}
                                        {% if media.media_type == 'model' or media.media_type == 'external_video'  %}{% endif %}
                                    
                                

                            {% endfor %}
                        

                    

                    
                    
                

            {% endif %}
        

		
		{% if settings.show_share_buttons_single %}
			{% render 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product, sharing_lbl: settings.sharing_lbl %}
		{% endif %}
{%- endcapture -%}
{%- capture infoLinks -%}
    {%- if settings.enable_wishlist or settings.askaboutproduct or settings.shippingpopup -%}
        
            {%- if settings.enable_wishlist -%}{{ 'products.wishlist.add_to' | t}}{%- endif -%}
            {%- if settings.shippingpopup -%} {{'products.product.shipping_link' | t}}{%- endif -%}
            {%- if settings.askaboutproduct -%}
          		 {{'products.enquiry.link' | t}}
          	{%- endif -%}
        

    {%- endif -%}
{%- endcapture -%}
{%- capture productDetails -%}
    {% for block in section.blocks %}
        {% assign blkSt = block.settings %}
        {% case block.type %}
        {%  when 'hr' %}
            

---

 
        {%  when 'title' %}
            # {{ product.title }}
        {%  when 'price' %}
            {%- if product.metafields.custom.product_group != blank -%}{%- endif -%}
            {%- unless settings.hide-price or product.metafields.custom.product_group != blank -%}
              
                  {% if current_variant.compare_at_price > current_variant.price %}
                      {{ 'products.product.regular_price' | t }}
                      {{ current_variant.price | money }}
                      ~~{{ current_variant.compare_at_price | money }}~~
                  {% else %}
                      {{ 'products.product.regular_price' | t }}
                      {{ current_variant.price | money }}
                      ~~{{ current_variant.compare_at_price | money }}~~
                  {% endif %}
                  {% if blkSt.saved %}
                      
                           | 
                          {{ 'products.product.you_save' | t}}
                          {{ current_variant.compare_at_price | minus: current_variant.price | money }}
                          ({{ current_variant.compare_at_price | minus: current_variant.price | times: 100 | divided_by: current_variant.compare_at_price }}%{{ 'products.product.off' | t}})
                      
                  {% endif %}
                  

                    {{ current_variant.unit_price | money }} /
                    
                          {%- if current_variant.unit_price_measurement -%}
                            {%- if current_variant.unit_price_measurement.reference_value != 1 -%}{{- current_variant.unit_price_measurement.reference_value -}}{%- endif -%}
                            {{ current_variant.unit_price_measurement.reference_unit }}
                          {%- endif -%}
                    
                 

              

              {% if blkSt.taxship %}
                {%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
                  
                      {% if shop.taxes_included %}{{ 'products.product.include_taxes' | t }}{% endif %}
                      {% if shop.shipping_policy.body != blank %}{{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}{% endif %}
                  

                {%- endif -%}
            {%- endif -%}
          {%- endunless -%}								
        {%  when 'text' %}
             {{ blkSt.text }}

        {%  when 'ras' %}
            
                {%- if settings.show_product_review -%}
                    
{% include 'ratings' %}

                {%- endif -%}
                {%- if blkSt.availability -%}
                    {{ 'products.product.availability' | t }}
                        {%- liquid
                            assign classNm = 'instock'
                            assign stickLbl = 'products.product.available' | t
                            if current_variant.inventory_management == "shopify"
                                if current_variant.available and current_variant.inventory_quantity < 1
                                    assign classNm = 'preorder'
                                    assign stickLbl = 'products.product.pre_order' | t
                                elsif current_variant.available
                                    assign classNm = 'instock'
                                    assign stickLbl = 'products.product.available' | t
                                else
                                    assign classNm = 'outstock'
                                    assign stickLbl = 'products.product.unavailable' | t
                                endif
                            endif
                        -%}
                        {{stickLbl}}
                    

                {%- endif -%}
                {%- if blkSt.sku and current_variant.sku != blank -%}{{ 'products.product.sku' | t }} {{ current_variant.sku }}
{%- endif -%}
            

        {% when 'coltabs' %}
            
        {%  when 'vendor' %}            
            
                {%- liquid
                    assign vlink = routes.collections_url | append: '/vendors?q=' | append: product.vendor
                    for coll in product.collections
                        if coll.title == product.vendor
                            assign vlink = coll.url
                            break
                        endif
                    endfor
                    assign imgName = product.vendor | handleize | append:'.png'
                    assign imgsrc=imgName | file_img_url: '200x'
                -%}
                
                    {% if imgSrc contains '?v=' and blkSt.img %}
                        
                    {% else %}
                        {{product.vendor}}
                    {% endif %}
                
            

        {%  when 'cta' %}
            {%- if product.metafields.custom.product_group != blank -%}
                {%- render 'products-group', blkSt: blkSt, infoLinks:infoLinks  -%}
            {%- else -%}
                {%- assign product_form_id = 'product-form-' | append: section.id -%}
                
            {%- endif -%}      
        {%  when 'countdown' %}
            {% if product.metafields.my_fields.countdown != blank %}
            

                {%- if blkSt.lbl != blank -%}{%- endif -%}
                

                    00{{'date_formats.days' | t}}00{{ 'date_formats.hours' | t }}00{{'date_formats.minuts' | t}}00{{'date_formats.seconds' | t}}
                

            

            {%- endif -%} 
          {% when 'order' %}
            {%- assign ordermsg = blkSt.omsg | replace: '[orders]','' | replace: '[hours]','' -%}
            

               {{ordermsg}}
            

            
        {% when 'visitor' %}
            {%- assign visitormsg = blkSt.visitors_msg | replace: '[visitors]','' -%}
            

                {{visitormsg}}
            

            
        {% when 'qty' %}
            {%- assign enableqtyMsg = true -%}
            {%- if current_variant.inventory_management == "shopify" and current_variant.inventory_quantity < blkSt.maxqty and current_variant.inventory_quantity > 0 -%}
                {%- assign enableqtyMsg = flase -%}
            {%- endif -%}
            {% assign qtyMsg = 'products.product.quantity_message' | t | split: '{{items}}' %}
            

                {{qtyMsg[0]}} {{current_variant.inventory_quantity}} {{qtyMsg[1]}}
            

          {% when 'freeship' %}
            {%- assign shipProd = all_products[settings.free_ship].price | minus: cart.total_price -%}
            {% capture freeAmount %}**{{shipProd | money}}**{% endcapture %}
            
 {% if shipProd > 0 %}{{settings.free_ship_msg | replace: '$',freeAmount }}{% else %}{{settings.got_free_ship }}{% endif %}

        {% when 'shiptime' %}
            {%- if product.metafields.my_fields.shipping_days != blank %}
                {%- assign days = product.metafields.my_fields.shipping_days | split: "/" -%}
            {%- else %}
                {%- assign days = blkSt.estimate | split: "/" -%}
            {%- endif %}

            {% assign day1 = days[0] | times: 86400 %}
            {% assign day2 = days[1] | times: 86400 %}

            {% assign day1day = "now" | date: "%s" | plus: day1 | date: '%A' %}
            {%- if day1day == 'Sunday' %}
                {% assign day1 = days[0] | plus: 1 | times: 86400 %}
                {% assign day2 = days[1] | plus: 1 | times: 86400 %}
            {%- endif %}

            {% assign day2day = "now" | date: "%s" | plus: day2 | date: '%A' %}
            {%- if day2day == 'Sunday' %}
                {% assign day2 = days[1] | plus: 1 | times: 86400 %}
            {%- endif %}
            {% capture startdate %}**{{ "now" | date: "%s" | plus: day1 | time_tag: format: 'day_month' }}**{% endcapture %}
            {% capture enddate %}**{{ "now" | date: "%s" | plus: day2 | time_tag: format: 'day_month' }}**{% endcapture %}
            {%- if blkSt.msg != blank -%}
                

{{blkSt.msg | replace:'[startdate]', startdate | replace:'[enddate]',enddate }}

            {%- endif -%}
        {% when 'shortdes' %}
                
                    {% if blkSt.type == 'shortd' %}
                        {{ product.description | strip_html | truncatewords: blkSt.lmt }}
                    {% elsif blkSt.type == 'fulld' %}
                        {{ product.description }}
                    {% else %}
                        {{ product.metafields.my_fields.short_des }}
                    {% endif %}            
                
  
        {% when 'pickup' %}
            

             
        {% when 'img' %}     
            {%- if blkSt.pimg != blank -%}
                

                    {% if blkSt.pimg_url != blank %}{% endif %}
                    
                    {% if blkSt.pimg_url != blank %}{% endif %}
                

            {%- endif -%}
        {% when 'customc' %}
            {{blkSt.custom_liquid }}

        {% when 'ft' %}
            
                {%- if blkSt.ft1 != blank -%}

{{blkSt.ft1}}

{%- endif -%}
                {%- if blkSt.ft2 != blank -%}

{{blkSt.ft2}}

{%- endif -%}
                {%- if blkSt.ft3 != blank -%}

{{blkSt.ft3}}

{%- endif -%}
                {%- if blkSt.ft4 != blank -%}

{{blkSt.ft4}}

{%- endif -%}
            

        {% when 'type' %}
            {{ 'products.product.type' | t }}  {{ product.type }}

        {% when 'cl' %}
            {%- assign found_a_collection = false -%}
            {%- if collection and collection.all_products_count > 1 -%}
                {%- unless exclusions contains collection.handle -%}{% assign found_a_collection = true %}{%- endunless -%}
            {% endif %}
            {% unless found_a_collection %}
                {% for c in product.collections %}
                    {% unless exclusions contains c.handle or c.all_products_count < 2 %}
                        {% assign found_a_collection = true %}
                        {% assign collection = c %}
                        {% break %}
                    {% endunless %}
                {% endfor %}
            {% endunless %}
            {% if found_a_collection %}
                
                    {{ 'products.product.collection' | t }} 
                    {%- for c in product.collections limit:10 -%}{%- unless exclusions contains c.handle or c.all_products_count < 2 -%}{{ c.title | link_to: c.url }},  {%- endunless -%}{%- endfor -%}
                

            {% endif %}
        {% when 'tags' %}
            {% if product.tags.size > 0 %}
                
					{{ 'products.product.tags' | t }} 
					{%- for collection in product.collections limit:1 -%}
						{%- for tag in product.tags limit:10 -%}{{ tag | remove:'type ' | remove:'Type ' }}{% unless forloop.last %}, {% endunless %}{%- endfor -%}
					{%- endfor -%}
                

            {% endif %}
        {%- when 'complementary' -%}
            {% render 'complementary', product: product, sectionId: section.id, block: block.settings, isRtl:isRtl  %}
        {%- when 'more-color' -%}
            {% render 'more-colors', product: product, sectionId: section.id, block: block.settings %}
        {%- when '@app' -%}
            {% render block %}
        {% endcase %}
    {% endfor %}
{%- endcapture -%}
{%- if settings.product_latyout != "style6" -%}
	
		
{{productImages | strip_newlines | remove: "	"}}

		{{productDetails | strip_newlines | remove: "	"}}

	

{%- else -%}
	
		
{{productImages | strip_newlines | remove: "	"}}

		{{productDetails | strip_newlines | remove: "	"}}

	

{%- endif -%}

                              

  {% for variant in product.variants %}{{variant.inventory_quantity}}{% endfor %}
  {% if sizechart %}
  

        {%- assign prtype = product.type | handleize | append: "-size-chart" -%}
        {%- assign prbrand = product.vendor | handleize | append: "-size-chart" -%}
        {%- if product.metafields.my_fields.sizechart != blank -%}
            {{ product.metafields.my_fields.sizechart }}
        {%- elsif settings.sizechart_type == "type" and pages[prtype].content != empty -%}
            {{ pages[prtype].content }}
        {%- elsif settings.sizechart_type == "brand" and pages[prbrand].content != empty -%}
            {{ pages[prbrand].content }}
        {%- else -%}
			{{ pages[settings.sizechart_page].content }}
        {%- endif -%}
	

    {% endif %}

{%- unless product.empty? -%}
	
	
{%- endunless -%}
{%- include 'product-popup' -%}
{%- assign current_variant = product.selected_or_first_available_variant -%}

{%- capture schemaTags -%}

{%- endcapture -%}
{{schemaTags | strip_newlines | remove: "  " | remove: "	" }}
{% schema %}
{
"name": "Product Page",
  "settings": [
	  {
		"type":"checkbox",
		"id":"section_width",
		"label":"Fullwidth?",
		"default": false
	   },
      {
		"type": "paragraph",
        "content":"Manage some global product options from Theme Settings -> Product Page"
	  }
  ],
	"blocks": [
		{
			"type": "hr",
			"name": "Divider/Space",   
			"settings": [
				{ 
					"type":"color",
					"id":"hrc",
					"label":"Color",
					"default":"#222"	 
				},	
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 50,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20,
					"info":"You can also use this block to add more space between 2 blocks"
				}          
			]
		}, 
		{
			"type": "title",
			"name": "Title",
			"limit": 1,
			"settings": [
				{
					"type": "color",
					"id": "cl",
					"label": "Color",
					"default": "#000"
				},
				{
					"type": "range",
					"id": "fs",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size",
					"unit": "px",
					"default": 22
				},
				{
					"type": "range",
					"id": "fsm",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size(mobile)",
					"unit": "px",
					"default": 18
				},
                  {
                    "type": "select",
                    "id": "ff",
                    "label": "Font Family",
                    "default": "ft2",
                    "options": [
                      {
                        "value": "ft1",
                        "label": "Font 1"
                      },
                      {
                        "value": "ft2",
                        "label": "Font 2"
                      },
                      {
                        "value": "ft3",
                        "label": "Font 3"
                      }
                    ]
                  },
				{
					"type": "select",
					"id": "fw",
					"label": "Font Weight",
					"default": "600",
					"options": [
						{
							"value": "300",
							"label": "Light"
						},
						{
							"value": "400",
							"label": "Regular"
						},
						{
							"value": "500",
							"label": "Medium"
						},
						{
							"value": "600",
							"label": "Semi Bold"
						},
						{
							"value": "700",
							"label": "Bold"
						}
					]
				},
                  {
                    "type": "select",
                    "id": "transform",
                    "label": "Text Transform",
                    "default": "tt-c",
                    "options": [
                      {
                        "value": "none",
                        "label": "none"
                      },
                      {
                        "value": "tt-c",
                        "label": "Capitalize"
                      },
                      {
                        "value": "tt-l",
                        "label": "Lowercase"
                      },
                      {
                        "value": "tt-u",
                        "label": "Uppercase"
                      }
                    ]
                  },
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]   
		},
		{
			"type": "price",
			"name": "Price",
			"limit": 1,
			"settings": [
				{
					"type": "color",
					"id": "pcl",
					"label": "Price",
					"default": "#000"
				},
				{
					"type": "color",
					"id": "pcls",
					"label": "Sale Price",
					"default": "#e95144"
				},
				{
					"type": "range",
					"id": "fs",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size",
					"unit": "px",
					"default": 25
				},
				{
					"type": "range",
					"id": "fsm",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size(mobile)",
					"unit": "px",
					"default": 16
				},
				 {
				  "type": "select",
				  "id": "pfw",
				  "label": "Font Weight",
				  "default": "600",
				  "options": [
					{
					  "value": "300",
					  "label": "Light"
					},
					{
					  "value": "400",
					  "label": "Regular"
					},
					{
					  "value": "500",
					  "label": "Medium"
					},
					{
					  "value": "600",
					  "label": "Semi Bold"
					},
					{
					  "value": "700",
					  "label": "Bold"
					}
				  ]
				},
				{
					"type": "checkbox",
					"id": "saved",
					"label": "Show Discount Saved Badge?",
					"default": true,
					"info": "Display right after price if product have discount"
				},
				{
					"type": "checkbox",
					"id": "taxship",
					"label": "Show tax and shipping information label?",
					"default": false
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]    
		},
		{
			"type": "vendor",
			"name": "Vendor/Brand",
			"limit": 1,
			"settings": [			
				{
					"type": "checkbox",
					"id": "img",
					"label": "Show vendor logo?",
					"info": "Need to create png logo image with same name as vendor name and upload at settings > files. Example: Coca Cola = coca-cola.png, Nike = nike.png"
				},
				{
					"type": "range",
					"id": "lwd",
					"min": 50,
					"max": 500,
					"step": 5,
					"label": "Logo width",
					"unit": "px",
					"default": 150
				},
				{
					"type": "color",
					"id": "cl",
					"label": "Color",
					"default": "#000"
				},
				{
					"type": "range",
					"id": "fs",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size",
					"unit": "px",
					"default": 13
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}                
			]   
		},
		{
			"type": "shortdes",
			"name": "Product Description",
			"limit": 1,
			"settings": [  
				{
					"type": "select",
					"id": "type",
					"label": "Show",
					"default": "shortd",
					"info":"[Description by metafield?](https://www.adornthemes.com/knowledge-base/vogal-product-metafields/)",
					"options": [
						{
							"value": "shortd",
							"label": "Short Description"
						},
						{
							"value": "fulld",
							"label": "Full Description"
						},
						{
							"value": "meta",
							"label": "Metafield Description"
						}
					]
				},
				{
					"type": "range",
					"id": "lmt",
					"min": 5,
					"max": 100,
					"step": 1,
					"label": "Short Description Limit",
					"unit": "px",
					"default": 40
				},            
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]
		},   
		{
			"type": "cta",
			"name": "Product Form",
			"limit": 1,
			"settings":[
				{
					"type": "checkbox",
					"id": "qty_sel",
					"label": "Show Quantity Selector?",
					"default": true
				},      
			    {
					"type": "paragraph",
					"content": "Manage swatch style from Theme Settings-> Product Page"
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}                                           
			]   
		},
		{
			"type": "countdown",
			"name": "Countdown",
			"limit": 1,
			"settings": [
				{       
					"type": "paragraph",       
					"content": "[How to set Countdown timer for each products?](https:\/\/www.adornthemes.com\/knowledge-base\/how-to-add-product-countdown-shopify\/)"
				},
              {
                "type": "text",
                "id": "lbl",
                "label": "Label",
                "default": "Hurry up! Sales End In"
              },
              {
                "type": "color",
                "id": "lcl",
                "label": "Label",
                "default": "#000"
              },
              {
                "type": "color",
                "id": "cl",
                "label": "Text",
                "default": "#fff"
              },
              {
                "type": "color",
                "id": "bg",
                "label": "Background",
                "default": "#16395b"
              },
              {
                "type": "color",
                "id": "bd",
                "label": "Border",
                "default": "#eee"
              },
              {
					"type": "range",
					"id": "bdr",
					"min": 0,
					"max": 50,
					"step": 1,
					"label": "Border Radius",
					"unit": "px",
					"default": 0
				},   
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]   
		},
		{
			"type": "img",
			"name": "Image",
			"settings": [
				{
					"type": "image_picker",
					"id": "pimg",
					"label": "Image"
				},
				{
					"type": "url",
					"id": "pimg_url",
					"label": "Image Link"
				},	 
				{
					"type": "checkbox",
					"id": "img_align",
					"label": "Image align center?",
					"default": false
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]
		}, 
		{
			"type": "text",
			"name": "Text",   
			"settings": [
				{ 
					"type":"textarea",
					"id":"text",
					"label":"Text",
					"default":"Text block",
                    "info":"[Find icons here](http:\/\/www.adornthemes.com\/optimal-icons\/)"
				},    
                 {
                    "type": "color",
                    "id": "cl",
                    "label": "Text Color",
                    "default": "#000"
                  },
                  {
                    "type": "checkbox",
                    "id": "addbg",
                    "label": "Add Background?",
                    "default": false
                  },
                 {
                    "type": "color",
                    "id": "bg",
                    "label": "Color",
                    "default": "#f5f5f5"
                  },
                 {
                      "type": "range",
                      "id": "fs",
                      "label": "Font Size",
                      "default": 13,
                      "min": 10,
                      "max": 20,
                      "step": 1,
                      "unit": "px"
                  },
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]
		},
		{
			"type": "ras",
			"name": "Rating/Availability/SKU",
            "limit": 1,
			"settings": [
				{ 
					"type":"paragraph",				
					"content":"Display Ratings from app. Choose app from General Settings -> Products Reviews"
				},
              {
                "type": "checkbox",
                "id": "availability",
                "label": "Show Product Availability?",
                "default": true
              },
              {
                "type": "checkbox",
                "id": "sku",
                "label": "Show Product SKU?",
                "default": true
              },      
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]
		},
		{
			"type": "coltabs",
			"name": "Collapsible Tab",
			"settings": [
				{ 
					"type":"text",
					"id":"title",
					"label":"Heading",
					"default":"Care Instructions"
				},  
				{
					"type": "select",
					"id": "opt",
					"label": "Content Source",
					"default": "txt",
					"options": [
						{
							"value": "txt",
							"label": "Text as Below"
						},
						{
							"value": "des",
							"label": "Description"
						},
						{
							"value": "size",
							"label": "Size Chart"
						}
					]
				},
				{
					"type": "richtext",
					"id": "richtxt",
					"label": "Tab text",       
					"default":"

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

"
				},
                {
            		"type":"checkbox",
            		"id":"open",
            		"label":"Open by default?",
            		"default": false
          	    },
                { 
					"type":"paragraph",				
					"content":"Manage color and fonts from theme settings > product page > Collapsible Tab"
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 0
				}
			]
		}, 
		{
			"type": "qty",
			"name": "Quantity Message",
            "limit": 1,
			"settings": [
              {
                "type": "range",
                "id": "maxqty",
                "label": "Max Quantity",
                "min": 1,
                "max": 50,
                "step": 1,
                "default": 20,
                "info": "Display stock left number when product stock is less than selected numbers"
              },
              {
                "type": "color",
                "id": "cl",
                "label": "Text",
                "default": "#fff"
              },
              {
                "type": "color",
                "id": "bg",
                "label": "Background",
                "default": "#ff656c"
              },
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 20
				}          
			]
		},
		{
			"type": "order",
			"name": "Fake Order",
			"limit": 1,
			"settings": [				
				{
					"type": "range",
					"id": "orders",
					"label": "Max Items",
					"min": 1,
					"max": 50,
					"step": 1,
					"default": 20,
					"unit": "qty"
				},
				{
					"type": "range",
					"id": "otime",
					"label": "Order time",
					"min": 5,
					"max": 48,
					"step": 1,
					"default": 24,
					"unit": "h"
				},
				{
					"type": "textarea",
					"id": "omsg",
					"label": "Orders Message",
					"default": " [orders] sold in last [hours] hours",
					"info": "Use '[orders]' for items counts and '[hours]' for hours counts"
				},
                {
                    "type": "color",
                    "id": "cl",
                    "label": "Text Color",
                    "default": "#000"
                  },                  
                 {
                      "type": "range",
                      "id": "fs",
                      "label": "Font Size",
                      "default": 13,
                      "min": 10,
                      "max": 20,
                      "step": 1,
                      "unit": "px"
                  },
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]   
		},
		{
			"type": "visitor",
			"name": "Fake Visitor",
			"limit": 1,
			"settings": [				
				{
					"type": "range",
					"id": "visitors",
					"label": "Max Visitors",
					"min": 10,
					"max": 500,
					"step": 10,
					"default": 50
				},
				{
					"type": "range",
					"id": "visitors_time",
					"label": "Interval time",
					"min": 1,
					"max": 20,
					"step": 1,
					"unit": "sec",
					"default": 5
				},
				{
					"type": "textarea",
					"id": "visitors_msg",
					"label": "Visitors Message",
					"default": " [visitors] People looking for this product",
					"info": "Use '[visitors]' to show user counts"
				},
                {
                    "type": "color",
                    "id": "cl",
                    "label": "Text Color",
                    "default": "#000"
                  },                  
                 {
                      "type": "range",
                      "id": "fs",
                      "label": "Font Size",
                      "default": 13,
                      "min": 10,
                      "max": 20,
                      "step": 1,
                      "unit": "px"
                  },
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]   
		},	
		{
			"type": "shiptime",
			"name": "Shipping Estimate",
			"limit": 1,
			"settings": [
				{
					"type": "paragraph",       
					"content": "Display same time for all products, To set different for each product [follow this article](https:\/\/www.adornthemes.com\/knowledge-base\/show-shipping-estimated-time-for-specific-product-2\/)"
				},
				{
					"type": "text",
					"id": "estimate",
					"label": "Shipping Estimated Days",
					"default": "4\/10",
					"info": "Add value in days like 4\/10 and customer will show date after 4 to 10 days from today date."
				},
				{
					"type": "textarea",
					"id": "msg",
					"label": "Shipping Estimate Message",
					"default": " Estimated delivery between [startdate] - [enddate].",
					"info": "Use '[startdate]' and [enddate] for date to show with message"
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]   
		},
		{
			"type": "freeship",
			"name": "Free Shipping",
			"limit": 1,
			"settings": [           
				{
					"type": "paragraph",
					"content": "Manage free shipping message from Theme Settings -> General Settings -> Free Shipping Message"          
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]
		},
		{
			"type": "pickup",
			"name": "Pickup Availability",
			"limit": 1,
			"settings":[ 
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]  
		},      
		{
			"type": "customc",
			"name": "HTML/Liquid",
			"limit": 2,
			"settings":[
				{
					"type": "liquid",
					"id": "custom_liquid",
					"label": "HTML",
					"info": "Add app snippets or other Liquid code to create advanced customizations.",
					"default":"#### Custom code block

Use this advance section to add custom HTML, app scripts, or liquid.

"
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]
		},
		{
			"type": "@app"
		},
		{
			"type": "complementary",
			"name": "Complementary products",
			"limit": 1,
			"settings": [
				{
					"type": "paragraph",
					"content": "To select complementary products, add the Search & Discovery app. [Learn more](https://help.shopify.com/manual/online-store/search-and-discovery/product-recommendations)"
				},
				{
					"type": "text",
					"id": "title",
					"label": "Heading",
					"default": "Complete the look"
				},
				{
					"type": "color",
					"id": "cl",
					"label": "Color",
					"default": "#000"
				},
				{
					"type": "range",
					"id": "fs",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size",
					"unit": "px",
					"default": 22
				},
				{
					"type": "range",
					"id": "fsm",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size(mobile)",
					"unit": "px",
					"default": 16
				},    
				{
					"type": "select",
					"id": "fw",
					"label": "Font Weight",
					"default": "600",
					"options": [
						{
							"value": "300",
							"label": "Light"
						},
						{
							"value": "400",
							"label": "Regular"
						},
						{
							"value": "500",
							"label": "Medium"
						},
						{
							"value": "600",
							"label": "Semi Bold"
						},
						{
							"value": "700",
							"label": "Bold"
						}
					]
				},
				{
					"type": "range",
					"id": "limit",
					"min": 1,
					"max": 10,
					"step": 1,
					"default": 10,
					"label": "Maximum products to show"
				},
				{
					"type": "paragraph",
					"content": "Products Per Row ==="
				},
				{
					"type": "range",
					"id": "grid",
					"label": "Desktop",
					"default": 4,
					"min": 2,
					"max": 5,
					"step": 1
				},
				{
					"type": "range",
					"id": "gridtb",
					"label": "Tablet",
					"default": 3,
					"min": 1,
					"max": 5,
					"step": 1
				},
				{
					"type": "range",
					"id": "gridmb",
					"label": "Mobile",
					"default": 2,
					"min": 1,
					"max": 5,
					"step": 1
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}
			]
		}, 
		{
			"type": "more-color",
			"name": "More Colors",
			"limit": 1,
			"settings": [
				 {
					"type": "paragraph",
					"content": "To select color products, add the metafields. [Learn more](https://www.adornthemes.com/knowledge-base/more-color-products/)"
				},
				{
					"type": "text",
					"id": "title",
					"label": "Heading",
					"default": "More colors"
				},
				{
					"type": "color",
					"id": "cl",
					"label": "Color",
					"default": "#000"
				},
				{
					"type": "range",
					"id": "fs",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size",
					"unit": "px",
					"default":16
				},
				{
					"type": "range",
					"id": "fsm",
					"min": 10,
					"max": 60,
					"step": 1,
					"label": "Font Size(mobile)",
					"unit": "px",
					"default": 16
				},    
				{
					"type": "select",
					"id": "fw",
					"label": "Font Weight",
					"default": "600",
					"options": [
						{
							"value": "300",
							"label": "Light"
						},
						{
							"value": "400",
							"label": "Regular"
						},
						{
							"value": "500",
							"label": "Medium"
						},
						{
							"value": "600",
							"label": "Semi Bold"
						},
						{
							"value": "700",
							"label": "Bold"
						}
					]
				},           
				{
					"type": "range",
					"id": "wd",
					"min": 30,
					"max": 150,
					"step": 5,
					"label": "Image Width",
					"unit": "px",
					"default": 100
				},
				{
					"type": "color",
					"id": "bd",
					"label": "Active Border",
					"default": "#000"
				},
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}
			]   
		},      
		{
			"type": "ft",
			"name": "Feature Points",
			"limit": 1,
			"settings":[
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				},
                  {
                    "type": "textarea",
                    "id": "ft1",
                    "label": "Feature Text 1",
                    "default": "<i><\/i> Free Shipping & Return"
                  },
                  {
                    "type": "textarea",
                    "id": "ft2",
                    "label": "Feature Text 2",
                    "default": "<i><\/i> Money back guarantee"
                  },
                  {
                    "type": "textarea",
                    "id": "ft3",
                    "label": "Feature Text 3",
                    "default": "<i><\/i> Fast & reliable support"
                  },
                  {
                    "type": "textarea",
                    "id": "ft4",
                    "label": "Feature Text 4",
                    "default": "<i><\/i> Secure payment"
                  },
                  {
                    "type": "color",
                    "id": "cl",
                    "label": "Text",
                    "default": "#111"
                  }
			]
		},      
		{
			"type": "type",
			"name": "Product Type",
			"limit": 1,
			"settings":[
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]
		},      
		{
			"type": "cl",
			"name": "Product Collection",
			"limit": 1,
			"settings":[
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]
		},      
		{
			"type": "tags",
			"name": "Product Tags",
			"limit": 1,
			"settings":[
				{
					"type": "range",
					"id": "bm",
					"min": 0,
					"max": 30,
					"step": 5,
					"label": "Bottom Margin",
					"unit": "px",
					"default": 15
				}          
			]
		}
	]
}
{% endschema %}

Let me know if you need something else to help me…