Here is the code i will attach screenshots of my directory of page files as this was a third party theme and I may be missing something
this is sections/nov-product-single.liquid
{%- assign sst = section.settings -%}
{% style %}
{%- assign bg_image = sst.background_image -%}
{% if bg_image != blank %}
#shopify-section- {{ section.id }} {
background: url(“{{ bg_image | img_url: ‘’ }}”) no-repeat top center;
}
{% endif %}
#shopify-section- {{ section.id }} .distance {
padding-top: {{ sst.distance_top_xs }}px;
padding-bottom: {{ sst.distance_bottom_xs }}px;
padding-left: clamp(0px, {{ sst.px}}px, 15px);
padding-right: clamp(0px, {{ sst.px}}px, 15px);
border-radius: {{ sst.corner_radius }}px;
{% if sst.background_color != blank %}
background: {{ sst.background_color }};
background-size: cover;
{% endif %}
{% if sst.show_border %}
border: 1px solid {{ sst.border_color }};
{% endif %}
}
@media (min-width: 768px) {
#shopify-section- {{ section.id }} .distance {
padding-top: {{ sst.distance_top_md }}px;
padding-bottom: {{ sst.distance_bottom_md }}px;
padding-left: {{ sst.px}}px;
padding-right: {{ sst.px}}px;
}
}
@media (min-width: 1200px) {
#shopify-section- {{ section.id }} .distance {
padding-top: {{ sst.distance_top_xl }}px;
padding-bottom: {{ sst.distance_bottom_xl }}px;
}
}
#shopify-section- {{ section.id }} .proFeaturedImage, #shopify-section- {{ section.id }} #productThumbs .thumbItem a {
border-radius: {{ sst.border_radius }}px;
}
{% if sst.countdown_timeend != blank %}
#shopify-section- {{ section.id }} .countdownfree .item-time {
color: {{ sst.countdown_color }};
background-color: {{ sst.countdown_bg }};
border: 1px solid {{ sst.countdown_bd }};
}
{% endif %}
#shopify-section- {{ section.id }} .nov-product__single-thumb {
–bg: {{ sst.bg_product_img }};
–border: {{ sst.thumb_border_act }};
}
{% endstyle %}
{% render 'heading-section', sub_position: sst.subheading_position %}
{%- assign product = all_products[sst.product_handle] -%}
{%- assign current_variant = product.selected_or_first_available_variant -%}
{%- liquid
assign variants_available_arr = product.variants | map: 'available'
assign variants_option1_arr = product.variants | map: 'option1'
assign variants_option2_arr = product.variants | map: 'option2'
assign variants_option3_arr = product.variants | map: 'option3'
-%}
{% if sst.img_cover != blank %}
{% render 'nov-aspect-image', image: sst.img_cover %}
{% else %}
{%- for media in product.media -%}
{% case media.media_type %}
{% when 'image' %}
{% assign img_url = media %}
{% when 'external_video' %}
{{ media | external_video_tag }}
{% when 'video' %}
{{ media | video_tag: controls: true, image_size: '1024x' }}
{% when 'model' %}
{%- liquid
echo media | media_tag: image_size: '2048x', toggleable: true
-%}
{% else %}
{{ media | media_tag }}
{% endcase %}
{%- else -%}
{{ 'product-apparel-1' | placeholder_svg_tag: 'placeholder-svg' }}
{%- endfor -%}
{% if product.images.size > 0 and sst.product_thumb %}
{%- for media in product.media -%}
{%- endfor -%}
{% endif %}
{% endif %}
{% if settings.show_rating %}
{% endif %}
{% unless product.available %}
{{ 'products.product.sold_out' | t }}
{% else %}
{{ 'products.product.in_stock' | t }}
{% endunless %}
{% if sst.title != blank %}
{{ sst.title }}
{% endif %}
{{ product.title }}
{% if current_variant.compare_at_price > current_variant.price %}
{{ current_variant.price | money }}
{{ current_variant.compare_at_price | money }}
{% else %}
{{ current_variant.price | money }}
{% endif %}
{% if sst.show_desc_p %}
{{ product.description | strip_html | truncatewords: 35 }}
{% endif %}
{% if sst.show_tags %}
{{ 'products.product.lable_tags' | t }}:
{% for tag in product.tags %}
{% if tag != 'upsell' %}
{% capture url %}/collections/all/{{ tag | handle }}{% endcapture %}
{% if forloop.last %}
{{ tag | link_to: url }}
{% else %}
{{ tag | link_to: url }},
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% if sst.show_sku %}
{{ 'products.product.lable_sku' | t }}:
{{ current_variant.sku }}
{% endif %}
Brand Metafield Value: {{ product.metafields.custom.brand }}
Product Handle: {{ sst.product_handle }}
...
Metafields: {{ product.metafields | json }}
{{ 'Brand' | t }}:
{{ product.metafields.custom.brand | default: 'Not available' }}
Brand Metafield Raw Value: {{ product.metafields.custom.brand }}
{% if sst.show_categories %}
{{ 'products.product.lable_category' | t }}:
{% for collection in product.collections %}
{% unless collection.title == 'home page' %}
{% if forloop.last %}
{{ collection.title }}
{% else %}
{{ collection.title }} ,
{% endif %}
{% endunless %}
{% endfor %}
{% endif %}
{% if sst.show_shop_now %}
{% else %}
{%- liquid
assign variants_available_arr = product.variants | map: 'available'
assign variants_option1_arr = product.variants | map: 'option1'
assign variants_option2_arr = product.variants | map: 'option2'
assign variants_option3_arr = product.variants | map: 'option3'
-%}
{%- unless product.has_only_default_variant -%}
{%- for option in product.options_with_values -%}
{%- liquid
assign optionName = option.name | downcase
assign option_color_swatch = settings.option_color_swatch | downcase
assign optionColor = false
assign option_index = forloop.index0
if option_color_swatch contains optionName
assign optionColor = true
endif
-%}
{{ option.name }}:
{{ current_variant.options[option_index] }}
{%- for value in option.values -%}
{%- liquid
assign option_disabled = true
for option1_name in variants_option1_arr
case option.position
when 1
if variants_option1_arr[forloop.index0] == value and variants_available_arr[forloop.index0]
assign option_disabled = false
endif
when 2
if option1_name == product.selected_or_first_available_variant.option1 and variants_option2_arr[forloop.index0] == value and variants_available_arr[forloop.index0]
assign option_disabled = false
endif
when 3
if option1_name == product.selected_or_first_available_variant.option1 and variants_option2_arr[forloop.index0] == product.selected_or_first_available_variant.option2 and variants_option3_arr[forloop.index0] == value and variants_available_arr[forloop.index0]
assign option_disabled = false
endif
endcase
endfor
assign variant_available = false
for variant in product.variants
if variant.options[option_index] == value and variant.available
assign variant_available = true
endif
endfor
-%}
{% if optionColor and settings.color_swatch_style == 'variant' %}
{%- assign isFirstImage = true -%}
{% for variant in product.variants %}
{% if variant.title contains value and isFirstImage %}
{%- assign isFirstImage = false -%}
{% endif %}
{% endfor %}
{% endif %}
{{ value }}
{%- endfor -%}
{%- endfor -%}
{%- endunless -%}
{% for variant in product.variants %}
{% if variant.available %}
{{ variant.title }}
{% else %}
{{ variant.title }} - {{ 'products.product.sold_out' | t }}
{% endif %}
{% endfor %}
{% if sst.quantity %}
{{ 'products.product.quantity' | t }}
{% endif %}
{% render 'icon-cart' %}
{% if current_variant.available %}
{% if current_variant.inventory_policy == 'continue' and current_variant.inventory_quantity < 1 %}
{{ 'products.product.pre_order' | t }}
{% else %}
{{ 'products.product.add_to_cart' | t }}
{% endif %}
{% else %}
{{ 'products.product.notify_me' | t }}
{% endif %}
{% if settings.payment_button_enable and sst.product_handle != blank %}
{% form 'product', product, class: form_classes, novalidate: 'novalidate', data-product-form: '' %}
{{ form | payment_button }}
{% endform %}
{% endif %}
{% endif %}
{% if sst.time != blank or sst.truck != blank %}
{% if sst.time != blank %}
{{ sst.time | nofilter }}
{% endif %}
{% if sst.truck != blank %}
{{ sst.truck | nofilter }}
{% endif %}
{% endif %}
{% if sst.show_desc %}
{% if sst.product_desc != blank %}
{{ sst.product_desc }}
{% endif %}
{% if sst.sdesc1 != blank %}
{{ sst.sdesc1 }}
{% endif %}
{% if sst.sdesc2 != blank %}
{{ sst.sdesc2 }}
{% endif %}
{% if sst.sdesc3 != blank %}
{{ sst.sdesc3 }}
{% endif %}
{% if sst.sdesc4 != blank %}
{{ sst.sdesc4 }}
{% endif %}
{% if sst.sdesc5 != blank %}
{{ sst.sdesc5 }}
{% endif %}
{% if sst.sdesc6 != blank %}
{{ sst.sdesc6 }}
{% endif %}
{% if sst.sdesc7 != blank %}
{{ sst.sdesc7 }}
{% endif %}
{% endif %}
{% render 'photoswipe-js' %}
{{ 'photoswipe.css' | asset_url | stylesheet_tag }}
{% schema %}
{
"name": "Vinova Product Single",
"class": "section-product-single",
"settings":[
{
"type": "richtext",
"id": "heading",
"label": "Heading",
"default": "
Vinova Product Single
"
},
{
"type": "color",
"id": "heading_color",
"label": "Heading color",
"default": "#222222"
},
{
"type": "richtext",
"id": "subheading",
"label": "Sub heading",
"default": "
Subtitle from happy customers
"
},
{
"type": "color",
"id": "subheading_color",
"label": "Sub heading color",
"default": "#666666"
},
{
"type": "richtext",
"id": "descheading",
"label": "Description",
"default": "
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
"
},
{
"type": "color",
"id": "descheading_color",
"label": "Description color",
"default": "#666666"
},
{
"type": "select",
"id": "subheading_position",
"label": "Sub heading position",
"default": "bottom",
"options": [
{
"value": "top",
"label": "Top"
},
{
"value": "bottom",
"label": "Bottom"
}
]
},
{
"type": "text",
"id": "title",
"label": "Title"
},
{
"type": "header",
"content": "Image Cover"
},
{
"type": "image_picker",
"id": "img_cover",
"label": "Image cover"
},
{
"type": "header",
"content": "Image Slider"
},
{
"type": "checkbox",
"id": "autoplay",
"label": "Auto-rotate slides",
"default": true
},
{
"type": "select",
"id": "autoplay_speed",
"label": "Change slides every",
"options": [
{ "value": "1000", "label": "1 seconds" },
{ "value": "2000", "label": "2 seconds" },
{ "value": "3000", "label": "3 seconds" },
{ "value": "4000", "label": "4 seconds" },
{ "value": "5000", "label": "5 seconds" },
{ "value": "6000", "label": "6 seconds" },
{ "value": "7000", "label": "7 seconds" },
{ "value": "8000", "label": "8 seconds" },
{ "value": "9000", "label": "9 seconds" },
{ "value": "10000", "label": "10 seconds" }
],
"default": "4000"
},
{
"type": "range",
"id": "border_radius",
"min": 0,
"max": 100,
"step": 1,
"label": "Border radius image",
"default": 0
},
{
"type": "header",
"content": "Product"
},
{
"type": "product",
"id": "product_handle",
"label": "Product"
},
{
"type": "checkbox",
"id": "product_thumb",
"label": "Show product thumbnail"
},
{
"type": "checkbox",
"id": "enable_zoom",
"label": "Enable zoom featured image",
"default": true
},
{
"type": "header",
"content": "Product Thumb Per Row"
},
{
"type": "range",
"id": "xl",
"min": 1,
"max": 6,
"step": 1,
"label": "Large desktop",
"default": 4,
"info": "Breakpoint 1200px ↑"
},
{
"type": "range",
"id": "lg",
"min": 1,
"max": 6,
"step": 1,
"label": "Desktop",
"default": 4,
"info": "Breakpoint 992px ↑"
},
{
"type": "range",
"id": "md",
"min": 1,
"max": 6,
"step": 1,
"label": "Tablet",
"default": 3,
"info": "Breakpoint 768px ↑"
},
{
"type": "range",
"id": "sm",
"min": 1,
"max": 6,
"step": 1,
"label": "Large mobile",
"default": 2,
"info": "Breakpoint 576px ↑"
},
{
"type": "range",
"id": "xs",
"min": 1,
"max": 6,
"step": 1,
"label": "Mobile",
"default": 2
},
{
"type": "header",
"content": "Option"
},
{
"type": "checkbox",
"id": "show_desc_p",
"label": "Show description",
"default": true
},
{
"type": "checkbox",
"id": "show_tags",
"label": "Show tag",
"default": true
},
{
"type": "checkbox",
"id": "show_sku",
"label": "Show sku",
"default": true
},
{
"type": "checkbox",
"id": "show_categories",
"label": "Show category",
"default": true
},
{
"type": "checkbox",
"id": "quantity",
"label": "Show quantity"
},
{
"type": "header",
"content": "Countdown Time"
},
{
"type": "text",
"id": "countdown_timeend",
"label": "Time end product",
"placeholder": "YYYY\/MM\/DD"
},
{
"type": "paragraph",
"content": "Format: 'Year\/Month\/Day'"
},
{
"type": "paragraph",
"content": "Example: '2022\/01\/30'"
},
{
"type": "color",
"id": "countdown_color",
"label": "Color",
"default": "#000"
},
{
"type": "color",
"id": "countdown_bg",
"label": "Background",
"default": "#f0f0f0"
},
{
"type": "color",
"id": "countdown_bd",
"label": "Border",
"default": "#f0f0f0"
},
{
"type": "header",
"content": "Button Shop Now"
},
{
"type": "checkbox",
"id": "show_shop_now",
"label": "Show button shop now",
"default": true
},
{
"type": "url",
"id": "shop_now_link",
"label": "Button link"
},
{
"type": "text",
"id": "time",
"label": "Ship Time"
},
{
"type": "text",
"id": "truck",
"label": "Transport"
},
{
"type": "header",
"content": "Block Text"
},
{
"type": "checkbox",
"id": "show_desc",
"label": "Show block text",
"default": true
},
{
"type": "inline_richtext",
"id": "product_desc",
"label": "Description",
"default": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu dolor at dolor gravida porta sit amet pharetra neque."
},
{
"type": "inline_richtext",
"id": "sdesc1",
"label": "Sub description 1",
"default": "MACHINE WASH AT MAX.TEMP. 30° C - NORMAL PROCESS"
},
{
"type": "inline_richtext",
"id": "sdesc2",
"label": "Sub description 2",
"default": "DO NOT BLEACH"
},
{
"type": "inline_richtext",
"id": "sdesc3",
"label": "Sub description 3"
},
{
"type": "inline_richtext",
"id": "sdesc4",
"label": "Sub description 4"
},
{
"type": "inline_richtext",
"id": "sdesc5",
"label": "Sub description 5"
},
{
"type": "inline_richtext",
"id": "sdesc6",
"label": "Sub description 6"
},
{
"type": "inline_richtext",
"id": "sdesc7",
"label": "Sub description 7"
},
{
"type": "header",
"content": "Slider Options"
},
{
"type": "checkbox",
"id": "show_nav",
"label": "Show navigation",
"default": false
},
{
"type": "header",
"content": "Section Style"
},
{
"type": "checkbox",
"id": "animate",
"label": "Show animated",
"default": true
},
{
"type": "select",
"id": "container",
"label": "Container",
"default": "container",
"options": [
{ "value": "container", "label": "Container" },
{ "value": "container-fluid", "label": "Container fluid" },
{ "value": "container-full", "label": "Container full width" }
]
},
{
"type": "color_scheme",
"id": "color_section",
"label": "Color section",
"default": "background-1"
},
{
"type": "color",
"id": "background_color",
"label": "Background colors"
},
{
"type": "image_picker",
"id": "background_image",
"label": "Background image"
},
{
"type": "select",
"id": "bg_size",
"label": "Background size",
"default": "full",
"options": [
{ "value": "content", "label": "Content" },
{ "value": "full", "label": "Full" }
]
},
{
"type": "checkbox",
"id": "show_border",
"label": "Show border"
},
{
"type": "color",
"id": "border_color",
"label": "Border colors"
},
{
"type": "checkbox",
"id": "show_shadow",
"label": "Show shadow"
},
{
"type": "range",
"id": "corner_radius",
"min": 0,
"max": 50,
"step": 1,
"label": "Corner radius",
"default": 0,
"unit": "px"
},
{
"type": "text",
"id": "class",
"label": "Class"
},
{
"type": "number",
"id": "px",
"label": "Horizontally spacing section (px)",
"default": 0
},
{
"type": "header",
"content": "Spacing Top (px)"
},
{
"type": "number",
"id": "distance_top_xl",
"label": "Large laptop",
"default": 30,
"info": "Breakpoint 1200px"
},
{
"type": "number",
"id": "distance_top_md",
"label": "Tablet",
"default": 30,
"info": "Breakpoint 768px"
},
{
"type": "number",
"id": "distance_top_xs",
"label": "Mobile",
"default": 30
},
{
"type": "header",
"content": "Spacing Bottom (px)"
},
{
"type": "number",
"id": "distance_bottom_xl",
"label": "Large laptop",
"default": 30,
"info": "Breakpoint 1200px"
},
{
"type": "number",
"id": "distance_bottom_md",
"label": "Tablet",
"default": 30,
"info": "Breakpoint 768px"
},
{
"type": "number",
"id": "distance_bottom_xs",
"label": "Mobile",
"default": 30
}
],
"presets": [
{
"name": "Vinova Product Single",
"category": "Collection"
}
]
}
{% endschema %}