{"title":"Shopiry Theme Related","description":"\u003ch2\u003eShopify Theme Customization Guide\u003c\/h2\u003e\n\u003cp\u003e This book provides practical techniques for customizing Shopify themes (especially Dawn) to your liking and building an original store optimized for your brand.\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003e\n\n \u003cstrong\u003eSection Customization\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e- Setting up product information citations in multi-column\/multi-row sections\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cstrong\u003eUtilizing metafields\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e- Use HTML tags and data linkage in collapsible rows\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cstrong\u003eLayout Optimization\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e- Effective display of thumbnail layouts and variant images\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cstrong\u003eText display improvements\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e- Allow line breaks in heading sections and improve expressiveness\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cstrong\u003eStrengthening branding\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e- Unique design and user experience\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e Use your coding knowledge to build a unique and attractive store design.\u003c\/p\u003e","products":[{"product_id":"2022-09-29","title":"What to do if you can't select a template created with a reserved theme in Shopify","description":"\u003cp\u003eWhen editing Shopify themes, the template created in the backup theme may not be displayed and cannot be set in the editing screen for pages, product information, etc. In such cases, you can select it by creating a template with the same name in the live theme.\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cp\u003e Templates that are not in the live theme cannot be selected from the product, page, or blog admin screens, so the draft theme preview screen cannot be displayed. \u003c\/p\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-29_1.jpg?v=1735877137\" alt=\"\" class=\"zoomable-image\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e You can also select a template with the same name in your live theme. \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-29_2.jpg?v=1735877136\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46821687066875,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-29.png?v=1764419372"},{"product_id":"2022-12-20","title":"If you want to display multiple collection lists on Shopify, you can instead add a \"Collection List\" section to a new template.","description":"\u003cp\u003eShopify's collection list can only have one with the URL \"\/collections\", but there are cases when you want to display multiple collections. In such cases, you can use a method to display a \"Collection List\" section in a newly created template. This is convenient because you can manage it from the editor without writing code.\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003e There is only one collection list template (it cannot be duplicated) \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-20_1.png?v=1735999318\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003e Create a new collection template and turn off the normal collections feature to display the collections list section \u003c\/h3\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-20_2.png?v=1735999318\" alt=\"\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003e Select the newly created template on the collection page and reflect it on the screen. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-20_3.png?v=1735999317\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823918174459,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-20.png?v=1736037675"},{"product_id":"2023-01-08","title":"How to change the Shopify page titles \"Refund Policy\" and \"Shipping Policy\"","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopify's \"Refund Policy\" and \"Shipping Policy\" pages are not very familiar as they are, so you may want to change the page titles. Initially, I was trying to address this by customizing the template, but I overlooked the fact that it is easy to change the language settings in the first place.\u003c\/span\u003e \u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cimg class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-08_1.jpg?v=1736038730\" alt=\"\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826918838523,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-08.png?v=1736038800"},{"product_id":"2023-01-24","title":"How to check the template type and version name in Shopify","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eIn Shopify, sometimes you may not know the type or version name of a template because the theme name of a customized template is the original one. In such cases, you can check it from \"settings_schema.json\".\u003c\/span\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cimg class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-24_1.jpg?v=1736046491\" alt=\"\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46827007574267,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-24.png?v=1736046519"},{"product_id":"2023-02-06","title":"How to view draft products, pages, and blog posts in a backup theme in Shopify","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eThis is a way to use Shopify's preview feature to check draft products, pages, and blog posts in a backup theme. Normally, you can check draft information from the preview in the admin panel, but in that case, the live theme is applied. This can now be checked in the backup theme as well.\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e How to preview a draft product in a backup theme \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-02-06_1.jpg?v=1736053128\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003e Click on the draft product preview and copy the URL that appears after \"\/products_preview?....\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-02-06_2.jpg?v=1736053128\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003e Preview the theme you want to check from the theme library, replace the URL directly under the domain with the URL you copied, and access it to \"preview the draft product with the theme you saved.\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-02-06_3.jpg?v=1736053128\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46827089166587,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-02-06.png?v=1736053128"},{"product_id":"2023-02-07","title":"By creating your own all collection on Shopify, you can control which products are displayed and in what order.","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopify has a collection \"collections\/all\" for displaying all products, but it automatically displays all products and cannot be operated from the admin screen. Therefore, by creating your own all collection, you can control the products to be displayed and the order in which they are displayed.\u003c\/span\u003e \u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-02-07_1.png?v=1736053732\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46827093721339,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-02-07.png?v=1736053730"},{"product_id":"2023-02-16","title":"If you want to set the same name for other pages as for the top page in Shopify, you need to edit the \"Store Name\" from \"Settings \u0026gt; Store Details\"","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eThe \"Homepage Title\" can be set in the admin panel's \"Online Store \u0026gt; Various Settings\" but it is an item for the top page. It depends on the structure of the theme, but for example, if you want to give other pages the same name as the top page in \"Dawn\", you need to edit the \"Store Name\" from \"Settings \u0026gt; Store Details\".\u003c\/span\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-02-16_1.jpg?v=1736055687\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46827111121147,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-02-16.png?v=1736055687"},{"product_id":"2023-03-07","title":"How to configure Shopify's Collection List page to display only the collections you need","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eThe \"Collection List\" page, which is displayed by \"\/collections\" in Shopify, displays all collections by default. It is a good idea to set it to display only specific collections in advance to avoid unnecessary collections, such as collections you are testing, being displayed in the table.\u003c\/span\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-03-07_1.jpg?v=1736058517\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46827147231483,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-03-07.png?v=1736058517"},{"product_id":"2023-03-28","title":"Example of setting up a description box in a custom Liquid section \u0026amp; block as a feature description field in Shopify","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eIn the Shopify theme editor, you can make use of custom Liquid sections and blocks, but once you start using it, it's easy to forget what the code is. So, if you create a text field that is not displayed on the storefront and add a function description, it will make operation and management smoother.\u003c\/span\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-03-28_1.jpg?v=1736076466\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46827662213371,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-03-28.png?v=1736076466"},{"product_id":"2023-08-08","title":"How to display Shopify metafield type \"rich text\" on the storefront","description":"\u003cp\u003eShopify's metafield \"rich text\" will output JSON data if you try to display it as is. To display it with HTML tags, use the \"metafield_tag\" filter. \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-08-08_1.jpg?v=1738935181\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e \u003ca href=\"https:\/\/shopify.dev\/docs\/api\/liquid\/filters\/metafield-filters#metafield_tag\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg alt=\"metafield_tag\" src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"content\"\u003e\n\n\u003ch2\u003emetafield_tag\u003c\/h2\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n \u003ccite\u003eshopify.dev\u003c\/cite\u003e\n\n\u003c\/div\u003e\n\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46915684892923,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-08-08.png?v=1738935181"},{"product_id":"2023-08-10","title":"If you want to apply custom CSS to a section itself in Shopify, enclose it in { } without a selector name.","description":"\u003cp\u003eCustom CSS can be added to each section in the theme editor, but if you want to apply it to the section itself, you can just surround it with {} without a selector. When I checked the source code, the section's ID was automatically added. \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-08-10_1.jpg?v=1738936160\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46915701211387,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-08-10.png?v=1738936160"},{"product_id":"2023-08-29","title":"Example of how to customize the content of your homepage on Shopify","description":"\u003cp\u003eWhen customizing a Shopify theme, there are times when you want to make extensive changes to the home page, but the home page does not have a dedicated liquid file for writing HTML or CSS directly. In that case, you can create one or multiple custom sections and write your own code there. \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-08-29_1.jpg?v=1739070092\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46918128566523,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-08-29.png?v=1739070092"},{"product_id":"2023-09-01","title":"[Dawn] How to add \"Sort by\" and \"Hide sold out items\" as options to the Featured Collection section of the Shopify theme \"Dawn\"","description":"\u003cp\u003eThe featured collection section is often used on the home page of the Shopify theme \"Dawn\", and this is a setting method to change the sort order and hide sold-out items only in this section. Use this when you don't want sold-out items to appear on the home page, but want to keep the contents of the destination collection the same.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e How to add \"Sort Order\" and \"Hide Sold Out Items\" options to the Featured Collection section of the \"Dawn\" theme \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-09-01_1.png?v=1739108131\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Setup Step 1: Add the scheme to \"featured-collection.liquid\" and the label to \"ja.schema.json\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-09-01_2.png?v=1739108130\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Step 2: Modify the code in \"featured-collection.liquid\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-09-01_3.png?v=1739108131\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46918132596987,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-09-01.png?v=1739108130"},{"product_id":"2023-01-17","title":"[Dawn] How to set OGP images using metafields on \"Pages\" in the Shopify theme \"Dawn\"","description":"\u003cp\u003eIn Shopify, the OGP images displayed on the home page, product details, blogs, and other pages when shared on social media can be individually set by default, but this is not the case for \"Pages,\" so the OGP image on the home page is displayed for all pages. Therefore, it would be convenient to be able to set these individually using meta fields.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Create a metafield \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-17_1.png?v=1739605782\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Edit snippets\/meta-tags.liquid \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-17_2.png?v=1739605782\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Check with the test tool \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-17_3.png?v=1739605782\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003carticle class=\"link-card\"\u003e \u003ca href=\"https:\/\/ogp.buta3.net\/\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg alt=\"OGP Verification Tool | OGP and Twitter Card\" src=\"https:\/\/assets.st-note.com\/production\/uploads\/ext\/ab5cd80f625fd387a482b8b4da4ec82e5a8cb79c21a1824ce89e9cabbaac.png?x-type=ogp\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"content\"\u003e\n\n\u003ch2\u003eOGP Verification Tool | OGP and Twitter Card\u003c\/h2\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n \u003ccite\u003eogp.buta3.net\u003c\/cite\u003e\n\n\u003c\/div\u003e\n\n\u003c\/a\u003e\u003c\/article\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46930626904315,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-17.png?v=1739605781"},{"product_id":"2023-09-17","title":"[Dawn] Custom banner image section available in Shopify's Dawn theme","description":"\u003cp\u003eThere are times when I want to display an image-only banner on my Shopify store, but none of the themes have a suitable section. Previously, I would write HTML directly in the custom liquid, but since I use it so frequently, I create my own custom section in the Dawn theme.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Custom section banner images available in the Dawn theme \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-09-17_1.png?v=1740152255\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Add a Banner Image Custom Section \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-09-17_2.png?v=1740152253\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e How to set up a banner ①: Setting the display frame \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-09-17_3.jpg?v=1740152253\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e How to set up a banner ②: Setting the banner image \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-09-17_4.jpg?v=1740152253\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46947277701371,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-09-17.png?v=1740152253"},{"product_id":"2023-11-05","title":"How to display draft products in a shared preview URL for a backup theme on Shopify","description":"\u003cp\u003eWhen you want to let someone who doesn't have access to the Shopify admin screen check your backup theme, you may use a shared preview URL, but you need to be a little creative to let them see your draft products. Here's how to set it up.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e How to view draft products in a shared preview URL for a backup theme \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-05_1.png?v=1741419198\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Step 1] Click \"Preview\" for the draft product and copy the part of the URL that appears after \"\/products_preview?...\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-05_2.png?v=1741419198\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Step 2] Paste the content copied in step 1 directly under the domain of the preview URL to display it. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-05_3.png?v=1741419198\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46991641182459,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-05.png?v=1741419197"},{"product_id":"2023-11-10","title":"How to change the \"Including tax\" notation displayed on the total amount on the Shopify checkout screen","description":"\u003cp\u003eThe label \"¥XXX tax included\" that appears next to the total price on the Shopify checkout screen can be changed by \"Editing the content of the default theme\", as the official support staff told me. You can now write \"tax included\".\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Change the \"tax included\" notation displayed on the checkout screen total amount \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-10_1.png?v=1741435306\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Settings] Open \"Edit the content of the default theme\" in the theme file, search for words such as \"tax on\" and modify the \"Vat label html\" item. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-10_2.png?v=1741435572\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46992093184251,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-10.png?v=1741435306"},{"product_id":"2023-11-15","title":"[Dawn] Example of settings to enable the \"Customized Liquid\" block in the \"Subtotal\" section of the cart screen in the Shopify theme \"Dawn\"","description":"\u003cp\u003eThere are many opportunities to customize the Shopify cart screen, and there are many times when you want to add a custom Liquid block to the subtotal section. The Dawn theme does not include it by default, so here is an example of how to add it as a block element.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Example of settings to enable the \"Customized Liquid\" block in the \"Subtotal\" section of the cart screen in the \"Dawn\" theme \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-15_1.png?v=1741997522\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Settings] Add the custom.liquid element to the \"main-cart-footer.liquid\" schema and the display code. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-15_2.png?v=1741997523\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [How to use] Add a \"Customized Liquid\" section to the subtotal section of the \"Cart\" screen \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-15_3.png?v=1741997522\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47006207115515,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-15.png?v=1741997522"},{"product_id":"2023-11-28","title":"Points to note when using pre-released product templates that cannot be added to the cart separately from regular product templates on Shopify","description":"\u003cp\u003eBy duplicating a product template with the \"Add to Cart\" button hidden in the Shopify theme editor, you can create a pre-release version before purchasing begins. However, you should be careful when doing this, because there is a possibility that users who are familiar with Shopify may be able to purchase products that should not be possible to purchase.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Points to note when using pre-released product templates that cannot be added to the cart separately from regular product templates \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-28_1.png?v=1742016709\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [How to prevent products from being purchased before publication] Keep inventory at 0 until the publication date \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-28_2.png?v=1742016753\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47006462411003,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-11-28.png?v=1742016709"},{"product_id":"2023-12-05","title":"[Dawn] Example of how to automatically publish products with the \"coming soon\" setting using the Shopify app \"Matrixify\"","description":"\u003cp\u003eIn Shopify, there are several ways to pre-publish products and make them available for purchase at a specific date and time, such as using a dedicated app or metafields, but you can also use Matrixify's schedule function to directly update product information. Here is an example of how to set it up.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Example of how to automatically publish products with the \"Coming Soon\" setting using the \"Matrixify\" app \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-12-05_1.png?v=1742696162\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Settings Step 1] Add a setting to display \"coming soon\" in the collection and product details when the product has the tag \"coming-soon\" set. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-12-05_2.png?v=1742696161\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Setting Step 2] Create a new product template that does not have an \"Add to Cart\" button and apply it to the target products. Set all product inventory to 0 and add the product tag \"coming-soon\". \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-12-05_3.png?v=1742696162\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Setup Step 3] Use Matrixify to create a CSV file that extracts only the columns necessary to update product information, rewrite the values, and set the schedule. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-12-05_4.png?v=1742696161\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47028383482107,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-12-05.png?v=1742696161"},{"product_id":"2023-12-12","title":"Shopify checkout layout can be specified from theme settings","description":"\u003cp\u003eThe \"one-page checkout\" is now available for all Shopify stores, but stores other than Shopify Plus can switch between \"one page\" and \"three pages\" in the theme settings. It's convenient, but you need to be careful not to switch your checkout layout when switching themes.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Checkout layout can be specified from the theme settings (switch between one-page checkout\/three-page checkout) \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-12-12_1.png?v=1742708443\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47028747993339,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-12-12.png?v=1742708443"},{"product_id":"2023-12-19","title":"A setting example that allows you to break the headings and subheadings of containers displayed in the slideshow of the Shopify theme \"Dawn\" anywhere you like.","description":"\u003cp\u003eThis is a container for headings and subheadings that are displayed above (or below) images in the slideshow of the Shopify theme Dawn, but by default it is not possible to break lines at any desired location. This is a setting example that allows you to display line breaks with a little tinkering, although it is a bit of a hack.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e A setting example that allows you to break the headings and subheadings of containers displayed in the slideshow of the theme \"Dawn\" anywhere you like. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-12-19_1.png?v=1742711983\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Settings] Modify the \"slideshow.liquid\" schema \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-12-19_2.png?v=1742711983\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47028823785723,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-12-19.png?v=1742711983"},{"product_id":"2024-01-15","title":"[Dawn] How to display Shopify collection titles on separate lines","description":"\u003cp\u003eThere are times when you want to break the title of a Shopify collection. However, just like products, collection titles are referenced on various screens and data, so\u003cbr\u003e We don't want to break the title of the tag itself, so we recommend using a display meta field.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e How to display collection titles on separate lines \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-15_1_en.png?v=1744442230\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Setting method 1] Add a definition for \"multi-line text type\" to the collection meta field \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-15_2_en.png?v=1744442229\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Setting Method 2] Modify the title display part of \"main-collection-banner.liquid\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-15_3_en.png?v=1744442229\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [How to use] Set it in the meta field of the collection you want to display line breaks in \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-15_4_en.png?v=1744442229\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47083246551291,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-15.png?v=1744442882"},{"product_id":"2024-01-16","title":"How to Break Blog Post and Page Titles in Shopify","description":"\u003cp\u003eThere are times when you want to break the title of a Shopify collection. However, just like products, collection titles are referenced on various screens and data, so\u003cbr\u003e We don't want to break the title of the tag itself, so we recommend using a display meta field.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e How to display blog post or page titles on separate lines \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-16_1_en.png?v=1744985113\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Setting Method 1] Add a definition of \"multi-line text type\" to the meta field of your blog post and page \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-16_2_en.png?v=1744985112\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Setting Method 2] Modify the title display part of \"main-page.liquid\" and \"main-article.liquid\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-16_3_en.png?v=1744985113\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [TIPS] If you want to change the line break position on mobile devices, you can do so using CSS \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-16_4_en.png?v=1744985112\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47103252168955,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-16.png?v=1744986468"},{"product_id":"2024-01-24","title":"Various wordings on the order list screen of Shopify's My Page can also be edited from \"Edit Default Theme Content\"","description":"\u003cp\u003eThe items displayed in the order history on the Shopify theme Dawn's My Page can also be changed from \"Edit Default Theme Content\". By the way, there are many parts that can be changed without editing the code, so we recommend that you first search for the items you want to change on the theme's content editing screen.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Various wordings on the order list screen of My Page can also be edited from \"Edit Default Theme Content\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-24_1_en.png?v=1745639269\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47121565483259,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-01-24.png?v=1745639271"},{"product_id":"2024-07-12","title":"Example of settings to allow input in fields where line breaks are not allowed, such as section headings of the Shopify theme \"Dawn\"","description":"\u003cp\u003eIn Shopify's theme \"Dawn,\" section titles (headings) generally do not allow line breaks, but if you absolutely need to add a line break, you can do so by editing the code and changing the schema.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Example of setting to allow line breaks to be entered in items where line breaks are not allowed, such as the headings of each section of the theme \"Dawn\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-12_1_en.png?v=1758335452\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) Setup procedure] Change the `type` of the relevant schema item from `inline_richtext` to `richtext` \u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-12_2_en.png?v=1758335444\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47537450451195,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-12.png?v=1758335464"},{"product_id":"2024-07-14","title":"[Dawn] Example of how to quote product information in the \"Multi-Column\" section of the Shopify theme \"Dawn\"","description":"\u003cp\u003eThe Shopify theme Dawn has a variety of useful sections, including the \"Multi-Column Section.\" As shown in the blank image, this section is often used to display product information. Instead of having to enter each field individually, this section lets you specify product information and automatically configures the display content.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Example of how to quote product information in the \"Multi-Column\" section of the Shopify theme \"Dawn\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-14_1_en.png?v=1758340783\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) Setup procedure ①] Add a schema to \"multirow.liquid\" and a label to \"ja.schema.json\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-14_2_en.png?v=1758340770\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) Setup procedure ②] If product information is set in \"multirow.liquid\", insert the code to display that information. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-14_3_en.png?v=1758340778\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) How to use] If product information is set in \"multirow.liquid\", insert the code to display that information. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-14_4_en.png?v=1758340787\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47537512481019,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-14.png?v=1758340800"},{"product_id":"2024-07-15","title":"Example of settings for using HTML tags in a \"Collapsible Row\" block linked to a metafield in the Shopify theme \"Dawn\"","description":"\u003cp\u003eYou may want to use HTML tags when setting and displaying metafield values in the \"Collapsible Row\" block on the product detail page of the Shopify theme \"Dawn.\" By default, HTML tags are escaped and displayed as is, so you'll need to do a little work.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e A sample setting for using HTML tags in a \"Collapsible Row\" block linked to a metafield on the product details page of the Shopify theme \"Dawn\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-15_1_en.png?v=1758342785\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) Setup procedure] Change the richtext type of the block \"collapsible_tab\" in the schema of \"main-product.liquid\" and set the liquid code that references the metafield in the theme editor. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-15_2_en.png?v=1758342638\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) How to use] HTML tags written in the meta field will be enabled, allowing for rich expressions. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-15_3_en.png?v=1758342651\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47537530110203,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-15.png?v=1758342661"},{"product_id":"2024-07-16","title":"[Dawn] Example of how to quote product information in the \"Multi-Column\" section of the Shopify theme \"Dawn\"","description":"\u003cp\u003eThe Shopify theme Dawn has a variety of useful sections, including the \"Multi-Column Section.\" This example shows how to customize the display automatically by specifying product information, rather than having to enter each item one by one.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Example of setting up the Shopify theme \"Dawn\" to quote product information in the \"Multi-Column\" section \u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-16_1_en.png?v=1758346924\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) Setup procedure ①] Add the schema to \"multicolumn.liquid\" and the label to \"ja.schema.json\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-16_2_en.png?v=1758346895\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) Setup procedure ②] If product information is set in \"multicolumn.liquid\", insert the code to display that information. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-16_3_en.png?v=1758346924\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) How to use] If you specify a product, leave the other input fields blank and enter only if you want to replace the displayed content. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-16_4_en.png?v=1758346926\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47537558847739,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-16.png?v=1758346945"},{"product_id":"2024-07-19","title":"[Dawn] Example of using the multi-column section of the Shopify theme \"Dawn\" as a banner display space","description":"\u003cp\u003eIf there is an error in the shipping address on the Shopify order management screen, an alert will now be displayed. You can also now send an address confirmation email from there, but the custom message field is blank, so here is an example of an email to confirm the address of the customer who placed the order.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Example of using the multi-column section of the Shopify theme \"Dawn\" as a banner display space (how to set a link to the banner image without a text label) \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-19_1_en.png?v=1758938164\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) Setup procedure] Add code to set an anchor link to the code that displays the image in \"multicolumn.liquid\". \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-19_2_en.png?v=1758938147\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [How to use] The multi-column section has a wide range of settings, allowing you to freely customize the layout. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-19_3_en.png?v=1758938166\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Additional Information] The multi-column section has a wide range of settings, allowing you to freely customize the layout. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-19_4_en.png?v=1758938163\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47554721186043,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-07-19.png?v=1758938176"},{"product_id":"2024-08-01","title":"CSS settings for displaying the section titles of the Shopify theme \"Dawn\" not only on the left but also in the center or on the right.","description":"\u003cp\u003eThe Shopify theme Dawn has various sections, but there are no settings for the placement of headings (titles), so you will need to adjust them using custom CSS. Note that the setting method differs depending on the section type, so we will show examples of each.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e CSS settings for displaying the section titles of the Shopify theme \"Dawn\" not only on the left but also in the center or on the right. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-08-01_1_en.png?v=1759547444\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) How to set it] The \"Featured Collection\", \"Collage\", and \"Page\" sections are set using the \"text-align\" property of the h2 tag. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-08-01_2_en.png?v=1759547447\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Dawn theme) How to set it] The \"Multi-column\", \"Collection List\", and \"Blog Post\" sections are set using the \"justify-content\" property of the tag with the .title-wrapper-with-link class. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-08-01_3_en.png?v=1759547434\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47579222442235,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-08-01.png?v=1759547463"},{"product_id":"2024-08-29","title":"How to check the list of products set for each template in Shopify","description":"\u003cp\u003eWhen you set up multiple product templates in Shopify, you may want to check which products each template is applied to. You can't see this directly on the product list screen, but you can check it using the bulk edit screen.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e How to check the list of products set for each template \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-08-29_1_en.png?v=1761965000\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [How to set it] Select the \"Template\" column from \"Bulk Edit\" in Product Management to see the template applied to each product. \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-08-29_2_en.png?v=1761965004\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47659904172283,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-08-29.png?v=1761965015"},{"product_id":"2024-09-23","title":"[Dawn] Example of adding \"drop-down,\" \"radio button,\" and \"checkbox\" items to the inquiry form for the Shopify theme \"Rise\/Dawn\"","description":"\u003cp\u003eThis is a configuration example for adding custom \"drop-down,\" \"radio button,\" and \"checkbox\" items to Shopify's contact form. Checkboxes cannot be submitted by simply adding the HTML element, so JavaScript must be used in conjunction with them.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Example of adding \"drop-down,\" \"radio button,\" and \"checkbox\" items to the inquiry form for the Shopify theme \"Rise\/Dawn\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-09-23_1_en.png?v=1763271007\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Rise\/Dawn theme) Setup method ①] Insert the code to add items (form part) to sections\/contact-form.liquid \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-09-23_2_en.png?v=1763271008\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Rise\/Dawn theme) How to set it up] Add CSS to sections\/contact-form.liquid to adjust the appearance of \"dropdown\", \"radio button\", and \"checkbox\". \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-09-23_3_en.png?v=1763271007\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Reference] Body of the email sent \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-09-23_4_en.png?v=1763271007\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47705383534843,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-09-23.png?v=1763271008"},{"product_id":"2024-09-24","title":"[Dawn] An example of adding fields to the contact form of the Shopify theme \"Rise\/Dawn\" by making changes through the theme editor without directly modifying the liquid file.","description":"\u003cp\u003eThis is an example of how to add custom \"drop-down,\" \"radio button,\" and \"checkbox\" items to Shopify's contact form. This is how to edit them from the theme editor without modifying the liquid file.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Example of adding \"dropdown\", \"radio button\", and \"checkbox\" items to the contact form of the Shopify theme \"Rise\/Dawn\" (changes are made from the theme editor without directly modifying the liquid file) \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-09-24_1_en.png?v=1763272529\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Rise\/Dawn theme) How to set it up] Add a custom Liquid section to the contact template and insert the code \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-09-24_2_en.png?v=1763272529\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Reference] Body of the email sent \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-09-24_3_en.png?v=1763272529\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47705393332475,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-09-24.png?v=1763272529"},{"product_id":"2024-10-01","title":"[Dawn] Example of adding an ON\/OFF setting item for the search function to the \"Settings\" screen of the Shopify theme \"Rise\/Dawn\"","description":"\u003cp\u003eWe sometimes receive requests to turn off Shopify's search function itself, but this is an example of a setting that allows you to turn it on\/off in the \"Settings\" section of the theme editor in case you want to reactivate it at a later date.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Example of adding an ON\/OFF setting item for the search function to the \"Settings\" screen of the Shopify theme \"Rise\/Dawn\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-01_1_en.png?v=1763779829\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Rise\/Dawn theme) Setting method ①] Add the schema to \"config\/settings_schema.json\" and the label to \"ja.schema.json\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-01_2_en.png?v=1763779829\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Rise\/Dawn theme) Setting method ②] Add the code to \"snippets\/header-search.liquid\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-01_3_en.png?v=1763779829\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For Rise\/Dawn Themes) Setting Method 3] Turn off the \"Search Results Section\" in the \"Search\" template to hide the search form \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-01_4_en.png?v=1763779829\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47720033517819,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-01.png?v=1764417907"},{"product_id":"2024-10-09","title":"[Dawn] An example of a setting that hides a metafield if the metafield of the target product has no value when adding a block linked to the metafield on the product page of the Shopify theme \"Rise\/Dawn\"","description":"\u003cp\u003eOn the product page of the Shopify theme \"Dawn\/Rise,\" you can link the contents of product metafields to block elements, etc., but sometimes metafields are not available for all products. In such cases, this is an example of how to hide them.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e An example of a setting that hides a metafield if the metafield of the target product has no value when adding a block linked to the metafield on the product page of the Shopify theme \"Rise\/Dawn\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-09_1_en.png?v=1764403140\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Rise theme) Setting procedure ①] Add the schema to \"sections\/main-product.liquid\" and the label to \"ja.schema.json\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-09_2_en.png?v=1764403140\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Rise theme) Setting procedure ②] Add the code to the {%- when 'collapsible_tab' -%} condition in \"sections\/main-product.liquid\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-09_3_en.png?v=1764403140\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47737173508347,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-09.png?v=1764418402"},{"product_id":"2024-10-24","title":"Example of setting rounded corners for product images, collection images, and blog list images in the Shopify theme \"Rise\/Dawn\"","description":"\u003cp\u003eIf you want to round the corners of product photos and thumbnails on the product information screen of the Shopify theme \"Dawn\/Rise,\" you can do so without coding or customization by going to the \"Settings\" section of the theme editor.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Example of setting the rounded corners of product images, collection images, and blog list images in the theme \"Rise\/Dawn\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-24_1_en.png?v=1765604044\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Change the rounded corner size of product images] Can be set from Settings \u0026gt; Media \u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-24_2_en.png?v=1765604025\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Change the rounded corner size of collection images] You can change this setting from Settings \u0026gt; Product Card \u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-24_3_en.png?v=1765604041\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Change the rounded corner size of the blog list image] Can be set from Settings \u0026gt; Blog Card \u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-24_4_en.png?v=1765604038\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47767544791291,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-24.png?v=1765604053"},{"product_id":"2024-12-08","title":"How to delete unwanted color schemes in Shopify's theme colors (color schemes)","description":"\u003cp\u003eYou can add any color scheme you want in the Shopify theme settings screen, but if you accidentally add unnecessary colors, you can delete them by opening \"config\/settings_data.json\" from \"Edit Theme\" and deleting the relevant item. \u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-12-08_1_en.png?v=1769481083\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47896227873019,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}]},{"product_id":"2026-03-21","title":"[Horizon] How to configure the \"Collection List\" page to display only the collections you need","description":"\u003cp\u003eThe \"Collection List\" page displayed at \"\/collections\" in Shopify shows all collections by default. This includes test collections and others you may not want visible, and you cannot control the display order. Here is how to configure the \"Horizon\" theme so that only specific collections are displayed in your preferred order.\u003c\/p\u003e\n\u003cp\u003e◆ Setup Steps\u003cbr\u003e・Hide the default \"Collection list\" section\u003cbr\u003e・Instead, use the \"Collection list\" section to add only the collections you want to display individually\u003c\/p\u003e\n\u003cp\u003e◆ Benefits\u003cbr\u003e・Freely choose which collections to display\u003cbr\u003e・Control the display order as you prefer\u003cbr\u003e・Hide test collections from public view\u003c\/p\u003e\n\u003cp\u003eRelated TIPS: \u003ca href=\"\/en-us\/products\/2023-03-07\"\u003eDawn version\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003ch3\u003eExample of configuring the \"Collection List\" page in the \"Horizon\" theme to display only the collections you need\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"How to configure collection list page display settings in Horizon theme\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-03-21_1_en.png?v=1774080175\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":48541545660667,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-03-21.png?v=1774099182"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/collections\/collection-shopify-themes.png?v=1744987820","url":"https:\/\/store-dojo.com\/en-us\/collections\/shopiry-theme.oembed?page=2","provider":"STORE DOJO","version":"1.0","type":"link"}