Hi I can’t see any file upload possible for the motion theme, and I was wondering if anyone knew how to include it. Basically, my store requires customers to upload their pictures, and an upload button would look really clean.
I want something like this, but it is in debut theme, unfortunately:
https://www.youtube.com/watchv=SGtD6Pka9U0&t=168s&ab_channel=AndrewfromEcomExperts
My store: https://tongco-us.myshopify.com/
Password: lamsimps
It would make my entire week if it was possible, thanks!
Hi @econtong2 ,
Please send me the code of main-product.liquid file, I will check it.
Hello @econtong2
Where do you need to upload button to be added? Do you need it on the product page?
{%- liquid
assign isModal = false
if template == ‘product.modal’
assign isModal = true
endif
-%}
{%- render ‘product-template’,
product: product,
section_id: section.id,
blocks: section.blocks,
image_container_width: section.settings.image_size,
product_zoom_enable: section.settings.product_zoom_enable,
sku_enable: section.settings.sku_enable,
isModal: isModal,
thumbnail_position: section.settings.thumbnail_position,
thumbnail_arrows: section.settings.thumbnail_arrows,
video_looping: section.settings.enable_video_looping,
video_style: section.settings.product_video_style
-%}
{% schema %}
{
“name”: “Product”,
“settings”: [
{
“type”: “checkbox”,
“id”: “sku_enable”,
“label”: “Show SKU”
},
{
“type”: “header”,
“content”: “Media”
},
{
“type”: “paragraph”,
“content”: “Learn more about media types”
},
{
“type”: “select”,
“id”: “image_size”,
“label”: “Image size”,
“default”: “medium”,
“options”: [
{
“value”: “small”,
“label”: “Small”
},
{
“value”: “medium”,
“label”: “Medium”
},
{
“value”: “large”,
“label”: “Large”
}
]
},
{
“type”: “checkbox”,
“id”: “product_zoom_enable”,
“label”: “Enable image zoom”,
“default”: true
},
{
“type”: “select”,
“id”: “thumbnail_position”,
“label”: “Thumbnail position”,
“default”: “beside”,
“options”: [
{
“value”: “beside”,
“label”: “Next to media”
},
{
“value”: “below”,
“label”: “Below media”
}
]
},
{
“type”: “checkbox”,
“id”: “thumbnail_arrows”,
“label”: “Show thumbnail arrows”
},
{
“type”: “checkbox”,
“id”: “enable_video_looping”,
“label”: “Enable video looping”,
“default”: true
},
{
“type”: “select”,
“id”: “product_video_style”,
“label”: “Video style”,
“default”: “muted”,
“options”: [
{
“value”: “muted”,
“label”: “Video without sound”
},
{
“value”: “unmuted”,
“label”: “Video with sound”
}
],
“info”: “Video with sound will not autoplay”
}
],
“blocks”: [
{
“type”: “@app”
},
{
“type”: “price”,
“name”: “Price”,
“limit”: 1
},
{
“type”: “quantity_selector”,
“name”: “Quantity selector”,
“limit”: 1
},
{
“type”: “variant_picker”,
“name”: “Variant picker”,
“limit”: 1,
“settings”: [
{
“type”: “checkbox”,
“id”: “variant_labels”,
“label”: “Show variant labels”,
“default”: true
},
{
“type”: “select”,
“id”: “picker_type”,
“label”: “Type”,
“options”: [
{
“value”: “button”,
“label”: “Buttons”
},
{
“value”: “dropdown”,
“label”: “Dropdown”
}
],
“default”: “button”
},
{
“type”: “checkbox”,
“id”: “color_swatches”,
“label”: “Enable color swatches”,
“info”: “Requires type to be set to ‘Buttons’. Learn how to set up swatches”
}
]
},
{
“type”: “description”,
“name”: “Description”,
“limit”: 1,
“settings”: [
{
“type”: “checkbox”,
“id”: “is_tab”,
“label”: “Show as tab”
}
]
},
{
“type”: “buy_buttons”,
“name”: “Buy buttons”,
“limit”: 1,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_dynamic_checkout”,
“label”: “Show dynamic checkout button”,
“info”: “Lets customers check out directly using a familiar payment method. Learn more”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “surface_pickup_enable”,
“label”: “Enable pickup availability feature”,
“info”: “Learn how to setup this feature here”,
“default”: true
}
]
},
{
“type”: “inventory_status”,
“name”: “Inventory status”,
“limit”: 1,
“settings”: [
{
“type”: “range”,
“id”: “inventory_threshold”,
“label”: “Low inventory threshold”,
“default”: 10,
“min”: 0,
“max”: 20,
“step”: 2
},
{
“type”: “checkbox”,
“id”: “inventory_transfers_enable”,
“label”: “Show inventory transfer notice”,
“info”: “Learn how to create inventory transfers here”,
“default”: true
}
]
},
{
“type”: “sales_point”,
“name”: “Sales point”,
“settings”: [
{
“type”: “select”,
“id”: “icon”,
“label”: “Icon”,
“default”: “globe”,
“options”: [
{
“value”: “checkmark”,
“label”: “Checkmark”
},
{
“value”: “globe”,
“label”: “Globe”
},
{
“value”: “leaf”,
“label”: “Leaf”
},
{
“value”: “package”,
“label”: “Package”
},
{
“value”: “lock”,
“label”: “Lock”
},
{
“value”: “truck”,
“label”: “Truck”
}
]
},
{
“type”: “text”,
“id”: “text”,
“label”: “Text”,
“default”: “Free worldwide shipping”
}
]
},
{
“type”: “text”,
“name”: “Text”,
“settings”: [
{
“type”: “text”,
“id”: “text”,
“default”: “Text block”,
“label”: “Text”
}
]
},
{
“type”: “trust_badge”,
“name”: “Trust badge”,
“settings”: [
{
“type”: “image_picker”,
“id”: “trust_image”,
“label”: “Image”
}
]
},
{
“type”: “tab”,
“name”: “Tab”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Shipping information”
},
{
“type”: “richtext”,
“id”: “content”,
“label”: “Tab content”,
“default”: “
Use collapsible tabs for more detailed information that will help customers make a purchasing decision.
Ex: Shipping and return policies, size guides, and other common questions.
”Use this advanced section to add custom HTML, app scripts, or liquid.
”,]
}
{% endschema %}
Hi yes on the product page, anywhere on the product page before they add it to the cart :). Thank you.
Sent the code, also if need other code files I attached theme file. Not sure if it’s possible, but thank you.
Thank you so much! You made my whole week.
