Skip to content
  • Shopify TIPS
    • UI/UX Improvements(124)
    • Purchase promotion(29)
    • Expanded product information(15)
    • SEO related(7)
    • Promote visits and reduce abandonment(40)
    • Membership registration promotion(12)
    • Blog Related(16)
    • Fulfillment Related(2)
    • Shopiry Theme Related(30)
    • Recommended Apps(34)
    • Notifications(17)
    • Management screen related(32)
    • discount(26)
    • References(8)
    • others(81)
    • Shopify TIPS(473)
  • Shopify TIPS by method
    • LIQUID(189)
    • Javascript(49)
    • HTML/CSS(97)
    • Theme Editor(17)
    • Shopify Flow(21)
    • Shopify TIPS by method(279)
  • All TIPS
  • Purchased
  • About this site
Log in
  • X (Twitter)
Log in

STORE DOJO

  • Shopify TIPS
    • UI/UX Improvements(124)
    • Purchase promotion(29)
    • Expanded product information(15)
    • SEO related(7)
    • Promote visits and reduce abandonment(40)
    • Membership registration promotion(12)
    • Blog Related(16)
    • Fulfillment Related(2)
    • Shopiry Theme Related(30)
    • Recommended Apps(34)
    • Notifications(17)
    • Management screen related(32)
    • discount(26)
    • References(8)
    • others(81)
    • Shopify TIPS
  • Shopify TIPS by method
    • LIQUID(189)
    • Javascript(49)
    • HTML/CSS(97)
    • Theme Editor(17)
    • Shopify Flow(21)
    • Shopify TIPS by method
  • All TIPS
  • Purchased
  • About this site

Country/region

  • Japan JPY ¥
  • United States USD $
Log in Cart

Item added to your cart

View cart

We are currently transferring past post data. Please wait a while until all posts are published.

更新情報

  • 2025/10/10 How to set the "Continue Shopping" link on the cart screen of the Shopify theme "Dawn" to go to the previous screen
  • 2025/10/09 An example of how to set the "Collapsible Content" section of the Shopify theme "Dawn" to open any row (column) other than the "first row (column)" from the beginning.
  • 2025/10/08 An example of how to set up the "Collapsible Row" block, which can be placed on the product page of the Shopify theme "Dawn," to be open from the beginning.
  • 2025/10/07 An example of a setting for the theme "Dawn" where the "Featured Collection" is displayed only when the cart is empty and hidden once an item is added to the cart.

Latest TIPS

  • How to set the "Continue Shopping" link on the cart screen of the Shopify theme "Dawn" to go to the previous screen

    2024.07.25

    How to set the "Continue Shopping" link on the cart screen of the Shopify theme "Dawn" to go to the previous screen

    • Promote visits and reduce abandonment
    Sample code included
  • An example of how to set the "Collapsible Content" section of the Shopify theme "Dawn" to open any row (column) other than the "first row (column)" from the beginning.

    2024.07.28

    An example of how to set the "Collapsible Content" section of the Shopify theme "Dawn" to open any row (column) other than the "first row (column)" from the beginning.

    • UI/UX Improvements
    Sample code included
  • An example of how to set up the "Collapsible Row" block, which can be placed on the product page of the Shopify theme "Dawn," to be open from the beginning.

    2024.07.27

    An example of how to set up the "Collapsible Row" block, which can be placed on the product page of the Shopify theme "Dawn," to be open from the beginning.

    • UI/UX Improvements
    Sample code included
  • An example of a setting for the theme "Dawn" where the "Featured Collection" is displayed only when the cart is empty and hidden once an item is added to the cart.

    2024.07.25

    An example of a setting for the theme "Dawn" where the "Featured Collection" is displayed only when the cart is empty and hidden once an item is added to the cart.

    • Promote visits and reduce abandonment
    Sample code included

TIPS Category

  • UI/UX Improvements

    Shopify UI/UX Improvement Guide This article summarizes practical UI/UX improvement methods for...

    UI/UX Improvements

  • Purchase promotion

    Shopify conversion optimization guide We've put together practical ways to customize Shopify...

    Purchase promotion

  • Expanded product information

    Shopify Product Information Expansion and Purchasing Experience Improvement Guide This article summarizes...

    Expanded product information

  • SEO related

    Shopify SEO Master Guide This is practical know-how for Shopify SEO measures...

    SEO related

  • Promote visits and reduce abandonment

    Shopify's guide to increasing browsing and reducing abandonment This article summarizes practical...

    Promote visits and reduce abandonment

  • Membership registration promotion

    A practical guide to increasing Shopify membership signup rates We've compiled specific...

    Membership registration promotion

  • Blog Related

    Shopify Blog Feature Guide We've put together practical customization tips to help...

    Blog Related

  • Shopiry Theme Related

    Shopify Theme Customization Guide This book provides practical techniques for customizing Shopify...

    Shopiry Theme Related

  • Notifications

    Shopify Notification and Email Utilization Guide This article summarizes practical settings for...

    Notifications

  • Discount Related

    A complete guide to using Shopify discounts and coupons This is a...

    Discount Related

  • Recommended Apps

    Shopify's official and recommended app usage guide This article summarizes practical ways...

    Recommended Apps

  • Product Management

    A complete guide to using the Shopify admin screen This article summarizes...

    Product Management

TIPS for each implementation method

  • LIQUID

    Shopify Liquid Customization Guide This book provides practical techniques for achieving advanced...

    LIQUID

  • Javascript

    Shopify Javascript Customization Guide This book covers practical Javascript techniques for adding...

    Javascript

  • HTML/CSS

    Shopify HTML/CSS Customization Guide This book compiles practical HTML/CSS techniques that allow...

    HTML/CSS

  • Shopify Flow

    Shopify Flow Guide This article summarizes practical ways to use Shopify Flow...

    Shopify Flow

UI/UX Improvements

Shopify UI/UX Improvement Guide

This article summarizes practical UI/UX improvement methods for Shopify that will improve usability and increase customer satisfaction and conversion rates at the same time.

  • Search function optimization - Improved information accessibility through product and blog searches
  • Form improvement - Optimized the order of fields on the address editing screen of the account page
  • Navigation Enhancements - Tag filtering and breadcrumb list
  • Inventory display optimization - Improved shopping experience by automatically hiding out-of-stock items
  • Improved usability - Intuitive and easy-to-use interface design

Improvements based on user-centered design philosophy are expected to reduce abandonment rates and significantly improve purchase completion rates.

  • An example of how to set the "Collapsible Content" section of the Shopify theme "Dawn" to open any row (column) other than the "first row (column)" from the beginning.

    2024.07.28

    An example of how to set the "Collapsible Content" section of the Shopify theme "Dawn" to open any row (column) other than the "first row (column)" from the beginning.

    • UI/UX Improvements
    Sample code included
  • An example of how to set up the "Collapsible Row" block, which can be placed on the product page of the Shopify theme "Dawn," to be open from the beginning.

    2024.07.27

    An example of how to set up the "Collapsible Row" block, which can be placed on the product page of the Shopify theme "Dawn," to be open from the beginning.

    • UI/UX Improvements
    Sample code included
  • An example of how to randomly change the display order each time you access the slideshow section of the Shopify theme "Dawn"

    2024.07.24

    An example of how to randomly change the display order each time you access the slideshow section of the Shopify theme "Dawn"

    • UI/UX Improvements
    Sample code included
  • Example of how to remove the margins between products on the collection page of the Shopify theme "Dawn"

    2024.07.22

    Example of how to remove the margins between products on the collection page of the Shopify theme "Dawn"

    • UI/UX Improvements
    Sample code included
  • Shopify's collection pages can be filtered by specifying the tag name set for the product as a subdirectory URL.

    2024.07.04

    Shopify's collection pages can be filtered by specifying the tag name set for the product as a subdirectory URL.

    • UI/UX Improvements
  • Example of setting to display the desired delivery date and time specified on the order details page of the Shopify theme "Dawn"

    2024.06.29

    Example of setting to display the desired delivery date and time specified on the order details page of the Shopify theme "Dawn"

    • UI/UX Improvements
    Sample code included
View all

Shopiry Theme Related

Shopify Theme Customization Guide

This book provides practical techniques for customizing Shopify themes (especially Dawn) to your liking and building an original store optimized for your brand.

  • Section Customization - Setting up product information citations in multi-column/multi-row sections
  • Utilizing metafields - Use HTML tags and data linkage in collapsible rows
  • Layout Optimization - Effective display of thumbnail layouts and variant images
  • Text display improvements - Allow line breaks in heading sections and improve expressiveness
  • Strengthening branding - Unique design and user experience

Use your coding knowledge to build a unique and attractive store design.

  • Example of using the multi-column section of the Shopify theme "Dawn" as a banner display space

    2024.07.19

    Example of using the multi-column section of the Shopify theme "Dawn" as a banner display space

    • Shopiry Theme Related
    Sample code included
  • Example of how to quote product information in the "Multi-Column" section of the Shopify theme "Dawn"

    2024.07.16

    Example of how to quote product information in the "Multi-Column" section of the Shopify theme "Dawn"

    • Shopiry Theme Related
    Sample code included
  • Example of settings for using HTML tags in a "Collapsible Row" block linked to a metafield in the Shopify theme "Dawn"

    2024.07.15

    Example of settings for using HTML tags in a "Collapsible Row" block linked to a metafield in the Shopify theme "Dawn"

    • Shopiry Theme Related
  • Example of how to quote product information in the "Multi-Column" section of the Shopify theme "Dawn"

    2024.07.14

    Example of how to quote product information in the "Multi-Column" section of the Shopify theme "Dawn"

    • Shopiry Theme Related
    Sample code included
  • Example of settings to allow input in fields where line breaks are not allowed, such as section headings of the Shopify theme "Dawn"

    2024.07.12

    Example of settings to allow input in fields where line breaks are not allowed, such as section headings of the Shopify theme "Dawn"

    • Shopiry Theme Related
  • Various wordings on the order list screen of Shopify's My Page can also be edited from "Edit Default Theme Content"

    2024.01.24

    Various wordings on the order list screen of Shopify's My Page can also be edited from "Edit Default Theme Content"

    • Shopiry Theme Related
View all

Product Management

A complete guide to using the Shopify admin screen

This article summarizes the hidden features of the Shopify admin panel and practical ways to use them to streamline store operations and dramatically improve management tasks.

  • Product management optimization - Check sale items and filter metafields
  • Use the search function - Exclusion search and data extraction in discount management
  • Quantity control - Efficiently check the number of products and collections using count.json
  • Data analysis - Obtain detailed information on the management screen and improve work efficiency
  • Operational efficiency - Management screen techniques to shorten daily tasks

This is an advanced technique for the admin screen that can significantly reduce work time just by knowing about it.

  • Example of setting up Shopify to add the first email newsletter registration date to tags and metafields

    2024.07.08

    Example of setting up Shopify to add the first email newsletter registration date to tags and metafields

    • Product Management
  • Example of setting up Shopify to add customer's first purchase date to tags and metafields

    2024.07.07

    Example of setting up Shopify to add customer's first purchase date to tags and metafields

    • Product Management
  • The default "/collections/all" setting in Shopify will list all products, so create your own "all" collection that excludes products you don't want to list.

    2024.06.05

    The default "/collections/all" setting in Shopify will list all products, so create your own "all" collection that excludes products you don't want to list.

    • Product Management
  • How to add a section that cannot be selected by default to the footer group of the Shopify theme "Dawn"

    2024.05.06

    How to add a section that cannot be selected by default to the footer group of the Shopify theme "Dawn"

    • Product Management
  • Example of how to tag orders made via the Buy Button in Shopify

    2024.05.03

    Example of how to tag orders made via the Buy Button in Shopify

    • Product Management
  • Example of setting up Shopify to tag orders with delivery date

    2024.04.24

    Example of setting up Shopify to tag orders with delivery date

    • Product Management
View all

メニュー

  • Shopify TIPS
  • Shopify TIPS by method
  • All TIPS
  • Purchased
  • About this site

About STORE DOJO

This is a practical tips site specializing in customization, run by an active Shopify developer. It shares knowledge gained from daily development and operation experience on theme customization, Liquid development, Shopify Flow usage, app integration, admin panel settings, and more. It provides a wide range of people, from store owners to developers, with specific implementation methods to achieve both design and monetization.

If you have any inquiries regarding store construction, please contact StoreHero, the company to which the administrator belongs, which provides Shopify growth consulting, operational support, and store construction .

  • X (Twitter)

Country/region

  • Japan JPY ¥
  • United States USD $
© 2025, STORE DOJO Powered by Shopify
  • Privacy policy
  • Choosing a selection results in a full page refresh.
  • Opens in a new window.