{"id":119,"date":"2023-05-22T16:36:07","date_gmt":"2023-05-22T16:36:07","guid":{"rendered":"http:\/\/localhost\/wordpress_ragnokdocs\/?p=119"},"modified":"2025-03-26T15:43:48","modified_gmt":"2025-03-26T15:43:48","slug":"files","status":"publish","type":"post","link":"https:\/\/odindesignthemes.com\/ragnokthemedocs\/files\/","title":{"rendered":"Files"},"content":{"rendered":"\n<p>The <strong>Ragnok <\/strong>theme supports the <strong>ragnok.files<\/strong> <a href=\"https:\/\/help.shopify.com\/en\/manual\/custom-data\/metafields\" data-type=\"URL\" data-id=\"https:\/\/help.shopify.com\/en\/manual\/custom-data\/metafields\">metafield<\/a> on products. <\/p>\n\n\n\n<p>We use this field to allow you to add&nbsp;<strong>file information<\/strong>&nbsp;to your products so that your customers can easily know the amount, type and extension of the files that each product includes.<\/p>\n\n\n\n<p>Below, you will find information on how to create the files metaobject and metafield, how to add files to a product and display them:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#create-files-metaobject\">Creating the Product File metaobject<\/a><\/li>\n\n\n\n<li><a href=\"#create-files-metafield\" data-type=\"internal\" data-id=\"#create-files-metafield\">Creating the Files metafield<\/a><\/li>\n\n\n\n<li><a href=\"#add-files-to-product\" data-type=\"internal\" data-id=\"#add-files-to-product\">Adding files to a product<\/a><\/li>\n\n\n\n<li><a href=\"#how-to-filter-products-by-file\">How to filter products by file<\/a><\/li>\n<\/ol>\n\n\n\n<p>Please note that we have created many File Extension Stickers for you to be able to use the ones you need. If you need to create new extensions or customize them (font, color) you can do it by editing the Figma file we include in the <a href=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/graphic-resources\/\">Resources<\/a> section of this documentation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Frequently asked questions:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#supported-files\" data-type=\"internal\" data-id=\"#supported-files\">What files \/ extensions are supported by the theme?<\/a><\/li>\n\n\n\n<li><a href=\"#change-file-images\" data-type=\"internal\" data-id=\"#change-file-images\">Can i change the images that are displayed for each file type?<\/a><\/li>\n\n\n\n<li><a href=\"#add-support-files\" data-type=\"internal\" data-id=\"#add-support-files\">Can i add support for more files \/ extensions?<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-files-metaobject\">1. Creating the Product File metaobject<\/h2>\n\n\n\n<p>First, you need to create the Product File <a href=\"https:\/\/help.shopify.com\/en\/manual\/custom-data\/metaobjects\">metaobject<\/a>, which will contain all file related data.<\/p>\n\n\n\n<p>a) From your Shopify admin, go to&nbsp;<strong>Settings<\/strong>&nbsp;&gt;&nbsp;<strong>Custom data<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1.png\" alt=\"\" class=\"wp-image-1008\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>b) Scroll down to <strong>Metaobjects <\/strong>and click&nbsp;<strong>Add definition<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2.png\" alt=\"\" class=\"wp-image-1009\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>c) In the&nbsp;<strong>Name<\/strong>&nbsp;field, enter &#8220;<strong>Product File<\/strong>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3.png\" alt=\"\" class=\"wp-image-1010\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>d) Add the following fields:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Name<\/strong>\n<ul class=\"wp-block-list\">\n<li>Click <strong>Add field<\/strong>.<\/li>\n\n\n\n<li>Select <strong>Single line text<\/strong>.<\/li>\n\n\n\n<li>In the <strong>Name <\/strong>field, enter &#8220;<strong>Name<\/strong>&#8220;.<\/li>\n\n\n\n<li>In the <strong>Description <\/strong>field, enter &#8220;<strong>Uniquely identifies the file name, extension and count values (i.e.: &#8220;1 HTML Documentation&#8221;)<\/strong>&#8220;.<\/li>\n\n\n\n<li>Click <strong>Add<\/strong> to add the field.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4.png\" alt=\"\" class=\"wp-image-1012\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>File Name<\/strong>\n<ul class=\"wp-block-list\">\n<li>Click <strong>Add field<\/strong>.<\/li>\n\n\n\n<li>Select <strong>Single line text<\/strong>.<\/li>\n\n\n\n<li>In the <strong>Name <\/strong>field, enter &#8220;<strong>File Name<\/strong>&#8220;.<\/li>\n\n\n\n<li>In the <strong>Description <\/strong>field, enter &#8220;<strong>Name of the file (i.e.: &#8220;Documentation&#8221;)<\/strong>&#8220;.<\/li>\n\n\n\n<li>Click <strong>Add<\/strong> to add the field.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5.png\" alt=\"\" class=\"wp-image-1013\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>File Extension<\/strong>\n<ul class=\"wp-block-list\">\n<li>Click <strong>Add field<\/strong>.<\/li>\n\n\n\n<li>Select <strong>Single line text<\/strong>.<\/li>\n\n\n\n<li>In the <strong>Name <\/strong>field, enter &#8220;<strong>File Extension<\/strong>&#8220;.<\/li>\n\n\n\n<li>In the <strong>Description <\/strong>field, enter &#8220;<strong>Extension of the file (i.e.: &#8220;html&#8221;)<\/strong>&#8220;.<\/li>\n\n\n\n<li>Enable the <strong>Limit to preset choices<\/strong> option.<\/li>\n\n\n\n<li>Add a new item for each file extension and enter its name, you can view all supported file extension names in <a href=\"#supported-files\">this table<\/a>.<\/li>\n\n\n\n<li>Click <strong>Add<\/strong> to add the field.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/6.png\" alt=\"\" class=\"wp-image-1014\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/6.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/6-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/6-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/6-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/6-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/6-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>File Count<\/strong>\n<ul class=\"wp-block-list\">\n<li>Click <strong>Add field<\/strong>.<\/li>\n\n\n\n<li>Select <strong>Integer<\/strong>.<\/li>\n\n\n\n<li>In the <strong>Name <\/strong>field, enter &#8220;<strong>File Count<\/strong>&#8220;.<\/li>\n\n\n\n<li>In the <strong>Description <\/strong>field, enter &#8220;<strong>How many files the product includes (i.e.: &#8220;1&#8221;)<\/strong>&#8220;.<\/li>\n\n\n\n<li>Click <strong>Add<\/strong> to add the field.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/7.png\" alt=\"\" class=\"wp-image-1015\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/7.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/7-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/7-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/7-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/7-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/7-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>e) When you are done, click <strong>Save<\/strong> to finish and your <strong>Product File<\/strong> metaobject will be created.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/8.png\" alt=\"\" class=\"wp-image-1016\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/8.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/8-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/8-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/8-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/8-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/8-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-files-metafield\">2. Creating the Files metafield<\/h2>\n\n\n\n<p>a) From your Shopify admin, go to&nbsp;<strong>Settings<\/strong>&nbsp;&gt;&nbsp;<strong>Custom data<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-1.png\" alt=\"\" class=\"wp-image-1018\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-1.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-1-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-1-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-1-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-1-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-1-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>b) Select <strong>Products<\/strong> and click&nbsp;<strong>Add definition<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-1.png\" alt=\"\" class=\"wp-image-1019\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-1.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-1-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-1-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-1-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-1-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/2-1-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>c) In the&nbsp;<strong>Name<\/strong>&nbsp;field, enter &#8220;<strong>Files<\/strong>&#8220;.<\/p>\n\n\n\n<p>d) In the&nbsp;<strong>Namespace and key<\/strong>&nbsp;field, enter &#8220;<strong>ragnok.files<\/strong>&#8220;.<\/p>\n\n\n\n<p>e) In the&nbsp;<strong>Description<\/strong>&nbsp;field, enter &#8220;<strong>Name, extension and count for each file type that the product contains.<\/strong>&#8220;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-1.png\" alt=\"\" class=\"wp-image-1020\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-1.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-1-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-1-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-1-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-1-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/3-1-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>f) Click&nbsp;<strong>Select type<\/strong>, and then select &#8220;<strong>Metaobject<\/strong>&#8221; (under &#8220;<strong>Reference<\/strong>&#8220;).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-1.png\" alt=\"\" class=\"wp-image-1021\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-1.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-1-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-1-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-1-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-1-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/4-1-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>g) Click on <strong>Select metaobject<\/strong> and select the previously created <strong>Product File<\/strong> metaobject and select <strong>List of entries<\/strong>, which will allow you to enter more that one file per product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-1.png\" alt=\"\" class=\"wp-image-1022\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-1.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-1-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-1-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-1-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-1-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/5-1-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>h) Click <strong>Save<\/strong> to create the <strong>Files<\/strong> metafield.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-files-to-product\">3. Adding files to a product<\/h2>\n\n\n\n<p>In order to add files to a product, you need to:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#create-product-file\">Create the file<\/a><\/li>\n\n\n\n<li><a href=\"#assign-product-file\">Assign the file to a product<\/a><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-product-file\">Create the file:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your backend <strong>Content <\/strong>&gt; <strong>Metaobjects<\/strong> menu.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"860\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-menu.png\" alt=\"\" class=\"wp-image-1026\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-menu.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-menu-300x134.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-menu-1024x459.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-menu-768x344.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-menu-1536x688.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-menu-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select <strong>Product File<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"860\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-product-file.png\" alt=\"\" class=\"wp-image-1027\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-product-file.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-product-file-300x134.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-product-file-1024x459.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-product-file-768x344.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-product-file-1536x688.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/metaobjects-product-file-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <strong>Add Entry<\/strong> button at the top right side of the screen<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"862\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add.png\" alt=\"\" class=\"wp-image-1028\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-300x135.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-1024x460.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-768x345.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-1536x690.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add your desired file details and click on the <strong>Save<\/strong> button at the bottom right of the screen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"859\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-save.png\" alt=\"\" class=\"wp-image-1029\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-save.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-save-300x134.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-save-1024x458.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-save-768x344.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-save-1536x687.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-file-add-save-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"assign-product-file\">Assign the file to a product:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your backend <strong>Products<\/strong> menu and <strong>click on the product<\/strong> you want to add file information to<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2.png\" alt=\"\" class=\"wp-image-1023\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Scroll to the bottom until you find the <strong>Product metafields<\/strong> section<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"858\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-metafields.png\" alt=\"\" class=\"wp-image-1032\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-metafields.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-metafields-300x134.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-metafields-1024x458.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-metafields-768x343.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-metafields-1536x686.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-metafields-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Files<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"858\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-1.png\" alt=\"\" class=\"wp-image-1033\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-1.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-1-300x134.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-1-1024x458.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-1-768x343.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-1-1536x686.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-1-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Select the file<\/strong> you want to add<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"859\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-add.png\" alt=\"\" class=\"wp-image-1034\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-add.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-add-300x134.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-add-1024x458.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-add-768x344.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-add-1536x687.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/open-product-files-add-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <strong>Save <\/strong>button to update your product with the new file information<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-filter-products-by-file\">How to Filter Products by File<\/h2>\n\n\n\n<p>When using sections like the <strong>Files bar<\/strong> and <strong>Features Files<\/strong>, if you click on a file type you will be redirected to your products page filtering by products tags with the name of the file extension.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#filter-products-by-tag-app\">Filtering products by tag or application<\/a><\/li>\n\n\n\n<li><a href=\"#display-products-based-on-tag\">How to make products display based on selected file tag<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-products-by-tag-app\">Filtering products by tag or application<\/h2>\n\n\n\n<p>We allow you to choose whether you want to use the <strong>default collections tag filter<\/strong> or the <strong><a href=\"https:\/\/apps.shopify.com\/search-and-discovery\">Search &amp; Discovery<\/a> application<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#default-collections-tag-filter\">Default collections tag filter<\/a><\/li>\n\n\n\n<li><a href=\"#search-discovery-app\">Search &amp; Discovery application<\/a><\/li>\n\n\n\n<li><a href=\"#how-to-choose-default-search-discovery\">How to choose between the default collections tag filter and Search &amp; Discovery application<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"default-collections-tag-filter\">Default collections tag filter<\/h3>\n\n\n\n<p>The default collections tag filter redirects to the following URL to filter by tag: https:\/\/yourstorename.myshopify.com\/collections\/all<strong>\/fileTagName<\/strong><\/p>\n\n\n\n<p>Where fileTagName could be, for example <strong>psd<\/strong>: https:\/\/yourstorename.myshopify.com\/collections\/all<strong>\/psd<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"search-discovery-app\">Search &amp; Discovery application<\/h3>\n\n\n\n<p>In order to use this application, you need to install it in your store, you can find the application <a href=\"https:\/\/apps.shopify.com\/search-and-discovery\">here<\/a>.<\/p>\n\n\n\n<p>After installing it, you have to enable <strong>Tag <\/strong>filtering, you can do so by:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your store admin page, go to your Apps and open the <strong>Search &amp; Discovery<\/strong> application<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Customize filters<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"859\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-customize-filters.png\" alt=\"\" class=\"wp-image-1083\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-customize-filters.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-customize-filters-300x134.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-customize-filters-1024x458.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-customize-filters-768x344.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-customize-filters-1536x687.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-customize-filters-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Add filter<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1919\" height=\"860\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-add-filter.png\" alt=\"\" class=\"wp-image-1084\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-add-filter.png 1919w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-add-filter-300x134.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-add-filter-1024x459.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-add-filter-768x344.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-add-filter-1536x688.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-add-filter-80x36.png 80w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Select source<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"858\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source.png\" alt=\"\" class=\"wp-image-1085\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-300x134.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-1024x458.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-768x343.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-1536x686.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select <strong>More filters<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"859\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-more-filters.png\" alt=\"\" class=\"wp-image-1086\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-more-filters.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-more-filters-300x134.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-more-filters-1024x458.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-more-filters-768x344.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-more-filters-1536x687.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/search-discovery-select-source-more-filters-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Change the filter label and logic if you like and click on <strong>Save<\/strong><\/li>\n\n\n\n<li>The filter will now be available in your products page<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-choose-default-search-discovery\">How to choose between the default collections tag filter and Search &amp; Discovery application<\/h3>\n\n\n\n<p>We provide a theme setting that allows you to choose between using the<strong> default collections tag filter<\/strong> and the <strong>Search &amp; Discovery<\/strong> application.<\/p>\n\n\n\n<p>Go to your theme settings &gt; Products &gt; Product tag filtering, selecting <strong>Tag <\/strong>will use the <strong>default collections tag filter<\/strong>, while selecting <strong>App<\/strong> will use the <strong>Search &amp; Discovery<\/strong> application:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"861\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-global-setting.png\" alt=\"\" class=\"wp-image-1087\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-global-setting.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-global-setting-300x135.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-global-setting-1024x459.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-global-setting-768x344.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-global-setting-1536x689.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-global-setting-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"display-products-based-on-tag\">How to make products display based on selected file tag<\/h2>\n\n\n\n<p>In order for appropiate items to show on the products filtered page, you need to add the respective file extension name as a tag to those products. <\/p>\n\n\n\n<p>To assign the <strong>psd <\/strong>tag to a product:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your backend <strong>Products<\/strong> menu and <strong>click on the product<\/strong> you want to add a tag to<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2.png\" alt=\"\" class=\"wp-image-1023\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/1-2-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Scroll down until you find the <strong>Tags<\/strong> section on the right side of the screen<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"860\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag.png\" alt=\"\" class=\"wp-image-1036\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-300x134.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-1024x459.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-768x344.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-1536x688.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add the <strong>psd <\/strong>tag<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"861\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-psd.png\" alt=\"\" class=\"wp-image-1037\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-psd.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-psd-300x135.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-psd-1024x459.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-psd-768x344.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-psd-1536x689.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-psd-80x36.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <strong>Save <\/strong>button to update your product with the new tag<\/li>\n\n\n\n<li>This product will now display on your product page when filtering by <strong>PSD <\/strong>files (<strong>You can also choose to apply multiple file name tags to your products and they will display when filtering by each of them.<\/strong>)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-filtered.png\" alt=\"\" class=\"wp-image-1038\" srcset=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-filtered.png 1920w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-filtered-300x169.png 300w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-filtered-1024x576.png 1024w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-filtered-768x432.png 768w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-filtered-1536x864.png 1536w, https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-content\/uploads\/2023\/05\/product-tag-filtered-80x45.png 80w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>The product shows even though we haven&#8217;t assigned the respective <strong>PSD <\/strong>file information when <a href=\"#add-files-to-product\">adding files to that product<\/a>, so the <strong>PSD <\/strong>file sticker is not being displayed.<\/p>\n\n\n\n<p>As you can see, filtering by tag and the product file information are assigned separately.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Frequently Asked Questions<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"supported-files\">What files \/ extensions are supported by the theme?<\/h2>\n\n\n\n<p>The theme supports the following extensions (you can use any of the following in the <strong>File Extension <\/strong>field of the <strong>Product File<\/strong> metaobject):<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Supported file extensions<\/strong><\/td><\/tr><tr><td>abr<\/td><\/tr><tr><td>ai<\/td><\/tr><tr><td>atn<\/td><\/tr><tr><td>avi<\/td><\/tr><tr><td>css<\/td><\/tr><tr><td>eps<\/td><\/tr><tr><td>fig<\/td><\/tr><tr><td>gif<\/td><\/tr><tr><td>grd<\/td><\/tr><tr><td>html<\/td><\/tr><tr><td>jpeg<\/td><\/tr><tr><td>js<\/td><\/tr><tr><td>lrm<\/td><\/tr><tr><td>mov<\/td><\/tr><tr><td>mp3<\/td><\/tr><tr><td>mp4<\/td><\/tr><tr><td>obj<\/td><\/tr><tr><td>otf<\/td><\/tr><tr><td>pat<\/td><\/tr><tr><td>pdf<\/td><\/tr><tr><td>png<\/td><\/tr><tr><td>prc<\/td><\/tr><tr><td>psd<\/td><\/tr><tr><td>skt<\/td><\/tr><tr><td>svg<\/td><\/tr><tr><td>xd<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Please check the <a href=\"https:\/\/odindesignthemes.com\/ragnokthemedocs\/graphic-resources\/\" data-type=\"URL\">Graphic Resources<\/a> section of this documentation if you want to preview file and tag image variations.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"change-file-images\">Can i change the images that are displayed for each file type?<\/h2>\n\n\n\n<p>Yes you can!, the SVG are loaded from the theme <strong>snippets\/<\/strong> directory, so for example if you want to change the image that is used for pdf files, you need to replace the SVG under <strong>when &#8216;pdf&#8217;<\/strong> with your custom SVG in the following files:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">File:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>icon-product-file.liquid<\/li>\n\n\n\n<li>icon-product-file-small.liquid<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Tag:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>icon-product-file-tag.liquid<\/li>\n\n\n\n<li>icon-product-file-tag-small.liquid<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Please notice how there are different SVG for normal and small sizes as well as different file styles (regular file and tag).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-support-files\">Can i add support for more files \/ extensions?<\/h2>\n\n\n\n<p>Yes you can!, using the same process as described <a href=\"#change-file-images\">here<\/a>, you can add your custom <strong>when<\/strong> statements with your extension name and respective SVG, which will be used when adding that extension via the metaobject definition.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Ragnok theme supports the ragnok.files metafield on products. We use this field to allow you to add&nbsp;file information&nbsp;to your products so that your customers can easily know the amount, type and extension of the files that each product includes. Below, you will find information on how to create the files metaobject and metafield, how [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38,34],"tags":[],"class_list":["post-119","post","type-post","status-publish","format-standard","hentry","category-metafields","category-product"],"_links":{"self":[{"href":"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-json\/wp\/v2\/posts\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":8,"href":"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-json\/wp\/v2\/posts\/119\/revisions"}],"predecessor-version":[{"id":1088,"href":"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-json\/wp\/v2\/posts\/119\/revisions\/1088"}],"wp:attachment":[{"href":"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-json\/wp\/v2\/media?parent=119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-json\/wp\/v2\/categories?post=119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/odindesignthemes.com\/ragnokthemedocs\/wp-json\/wp\/v2\/tags?post=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}