Skip to content
  • Shopify TIPS
    • UI/UX Improvements(205)
    • Purchase promotion(42)
    • Expanded product information(20)
    • SEO related(11)
    • Promote visits and reduce abandonment(55)
    • Membership registration promotion(15)
    • Blog Related(19)
    • Fulfillment Related(3)
    • Shopiry Theme Related(39)
    • Recommended Apps(36)
    • Notifications(19)
    • Management screen related(43)
    • discount(31)
    • References(8)
    • others(93)
    • Shopify TIPS(646)
    • 実装方法別
      • LIQUID
      • Javascript
      • HTML/CSS
      • テーマエディタ
      • Shopify Flow
  • All TIPS
  • Blog
  • Purchased
  • About this site
Log in
  • X (Twitter)
Log in

STORE DOJO

  • Shopify TIPS
    • UI/UX Improvements(205)
    • Purchase promotion(42)
    • Expanded product information(20)
    • SEO related(11)
    • Promote visits and reduce abandonment(55)
    • Membership registration promotion(15)
    • Blog Related(19)
    • Fulfillment Related(3)
    • Shopiry Theme Related(39)
    • Recommended Apps(36)
    • Notifications(19)
    • Management screen related(43)
    • discount(31)
    • References(8)
    • others(93)
    • Shopify TIPS
    • 実装方法別
      • LIQUID
      • Javascript
      • HTML/CSS
      • テーマエディタ
      • Shopify Flow
  • All TIPS
  • Blog
  • Purchased
  • About this site

Country/region

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

Item added to your cart

View cart

更新情報

  • 2026/06/02 ブログ chrome-devtools-mcpを使ってモバイル実機に近い形でAIブラウザテスト
  • 2026/06/01 ブログ Shopifyテーマ改修後のAIを使ったブラウザ確認のポイント
  • 2026/05/28 TIPS [Horizon] Display Collection Links on the Product Page
  • 2026/05/25 TIPS [Horizon] Block to Display Variant Options as Pills on Collection Page Product Cards
  • 2026/05/21 TIPS [Sidekick] Custom Admin App: View SKU Inventory by Collection at a Glance

Latest TIPS

  • 商品ページにコレクションリンクを表示

    [Horizon] Display Collection Links on the Product Page

     

    [Horizon] Display Collection Links on the Product Page

    • UI/UX Improvements
    Sample code included
  • 商品カードにバリアントオプションをピル表示

    [Horizon] Block to Display Variant Options as Pills on Collection Page Product Cards

     

    [Horizon] Block to Display Variant Options as Pills on Collection Page Product Cards

    • UI/UX Improvements
    Sample code included
  • コレクション選択と在庫一覧テーブルの画面

    [Sidekick] Custom Admin App: View SKU Inventory by Collection at a Glance

    2026.05.21

    [Sidekick] Custom Admin App: View SKU Inventory by Collection at a Glance

    • Product Management
    Sample code included
  • コレクションのPC列数を固定する方法

    [Horizon] How to Fix the Number of Desktop Columns on Collection Pages

     

    [Horizon] How to Fix the Number of Desktop Columns on Collection Pages

    • UI/UX Improvements
    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.

  • 商品カードにバリアントオプションをピル表示

    [Horizon] Block to Display Variant Options as Pills on Collection Page Product Cards

     

    [Horizon] Block to Display Variant Options as Pills on Collection Page Product Cards

    • UI/UX Improvements
    Sample code included
  • コレクションのPC列数を固定する方法

    [Horizon] How to Fix the Number of Desktop Columns on Collection Pages

     

    [Horizon] How to Fix the Number of Desktop Columns on Collection Pages

    • UI/UX Improvements
    Sample code included
  • 【Horizon】コレクションページの途中にコンテンツ(バナー画像)を表示する方法

    [Horizon] How to Display a Banner Image in the Middle of a Collection Page

     

    [Horizon] How to Display a Banner Image in the Middle of a Collection Page

    • UI/UX Improvements
    Sample code included
  • Thumbnail (EN)

    [Horizon] Build a FAQ page using only standard blocks and sections

    2026.05.04

    [Horizon] Build a FAQ page using only standard blocks and sections

    • UI/UX Improvements
    Sample code included
  • Add a Back to Top Block to Your Footer

    [Horizon] Add a Back to Top Block to Your Footer

    2026.05.02

    [Horizon] Add a Back to Top Block to Your Footer

    • UI/UX Improvements
    Sample code included
  • フォームにカスタム項目を追加する — Horizonテーマ カスタマイズ

    [Horizon] Add Custom Fields to Contact Form Without Modifying Theme Code

    2026.04.29

    [Horizon] Add Custom Fields to Contact Form Without Modifying Theme Code

    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.

  • [Horizon] Collection List Display Settings thumbnail

    [Horizon] How to configure the "Collection List" page to display only the collections you need

    2026.03.21

    [Horizon] How to configure the "Collection List" page to display only the collections you need

    • Shopiry Theme Related
  • How to delete unwanted color schemes in Shopify's theme colors (color schemes)

    2024.12.08

    How to delete unwanted color schemes in Shopify's theme colors (color schemes)

    • Shopiry Theme Related
  • Example of setting rounded corners for product images, collection images, and blog list images in the Shopify theme "Rise/Dawn"

    2024.10.24

    Example of setting rounded corners for product images, collection images, and blog list images in the Shopify theme "Rise/Dawn"

    • Shopiry Theme Related
  • [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"

    2024.10.09

    [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"

    • Shopiry Theme Related
    Sample code included
  • [Dawn] Example of adding an ON/OFF setting item for the search function to the "Settings" screen of the Shopify theme "Rise/Dawn"

    2024.10.01

    [Dawn] Example of adding an ON/OFF setting item for the search function to the "Settings" screen of the Shopify theme "Rise/Dawn"

    • Shopiry Theme Related
    Sample code included
  • [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.

    2024.09.24

    [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.

    • Shopiry Theme Related
    Sample code included
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.

  • What to do when you want to download product images in bulk on Shopify

    2024.11.28

    What to do when you want to download product images in bulk on Shopify

    • Product Management
  • Example of setting up Shopify to use metafields to filter by the number of registered product images on the product management screen

    2024.09.29

    Example of setting up Shopify to use metafields to filter by the number of registered product images on the product management screen

    • Product Management
  • [Dawn] Example of setting to tag a customer with the correct total number of orders minus the number of canceled orders in Shopify

    2024.09.29

    [Dawn] Example of setting to tag a customer with the correct total number of orders minus the number of canceled orders in Shopify

    • Product Management
    Sample code included
  • How to check for products with out-of-stock variations in Shopify's product management screen

    2024.09.21

    How to check for products with out-of-stock variations in Shopify's product management screen

    • Product Management
  • Example of Flow configuration to send an email notification when the total number of characters in customer tags added in Shopify exceeds a certain limit

    2024.08.24

    Example of Flow configuration to send an email notification when the total number of characters in customer tags added in Shopify exceeds a certain limit

    • Product Management
    Sample code included
  • Example of setting up Shopify Flow to record purchased products (variants) in customer meta fields

    2024.08.16

    Example of setting up Shopify Flow to record purchased products (variants) in customer meta fields

    • Product Management
    Sample code included
View all

メニュー

  • Shopify TIPS
  • All TIPS
  • Blog
  • 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 $
© 2026, STORE DOJO Powered by Shopify
  • Privacy policy
  • Choosing a selection results in a full page refresh.
  • Opens in a new window.
ログインして道場主に相談する