目次の上下にカスタムLiquidを設定可能になりました|RuffRuff 目次作成

You Can Now Add Custom Liquid Above and Below the Table of Contents | RuffRuff Table of Contents

Tsun Inc.

You can now add custom Liquid above and below the table of contents.

With this improvement, you can now display a variety of content — such as banner images, ads, YouTube videos, and related articles — directly above (or below) the table of contents.

Key Points

  • Flexible content placement: You can insert any type of custom Liquid content directly above or below the table of contents. This lets you offer customers value beyond a simple table of contents.
  • Expanded design and functionality: By writing code directly, you can freely place a wide variety of content, including banner images, ads, embedded YouTube videos, related product displays, and links to featured articles.

Benefits

This feature offers the following benefits.

  • Freely insert creative assets: Flexibly place banners, ads, and other creative assets within your content (especially around the table of contents) — something that's difficult to do with theme section blocks.
  • Improved operational efficiency: Reduce the effort of editing creative assets inserted into content like blog posts one by one, and manage and update them centrally instead.

Use Case

Example of a banner displayed below the table of contents using custom Liquid
(Example of a banner displayed below the table of contents using custom Liquid)

This new feature holds a variety of possibilities that directly connect to improving store engagement and profitability.

  • Boost sales with banners: Display banners for ongoing campaigns near the table of contents to drive more attention to attractive products and limited-time offers.
  • Monetize with ad placements: Secure a new revenue stream by placing ad space adjacent to the table of contents.
  • Highlight product value with video: Embed product introduction videos or how-to guides around the table of contents to deepen visitor understanding and boost purchase intent.
  • Increase page views with related articles: Display links to related blog posts or product pages to encourage on-site browsing and extend visit duration.

Eligible Stores

This feature is available to stores subscribed to a paid plan.

Where to Configure

Where to configure custom Liquid

Open the theme editor and configure this from the "App embed" or "App block" for RuffRuff Table of Contents below.

You can set up the new custom Liquid feature easily by following these steps.

  1. From the Shopify admin, select "Online Store" > "Themes".
  2. Click "Customize" to open the theme editor.
  3. From the menu on the left, select the "App embed" or "App block" for RuffRuff Table of Contents.
  4. Find the option to add custom Liquid above or below the table of contents among the displayed settings, and enter your desired code.

Other Notes

This feature requires working with Liquid code. Please consult with your in-house engineers or a development partner regarding custom Liquid configuration.

Back to blog
1 of 6
  • 【ストアインタビュー後編】やりながら育てるShopify。「野菜をMOTTO」の試行錯誤:モンマルシェ株式会社 河野雄士さん

    [Store Interview, Part 2] Building and Growing ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." An in-depth look at our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its...

    [Store Interview, Part 2] Building and Growing ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." An in-depth look at our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its...

  • 【ストアインタビュー前編】 ECが主戦場でも、ECが目的ではない。「野菜をMOTTO」が貫くEC戦略:モンマルシェ株式会社 河野雄士さん

    [Store Interview, Part 1] Even When E-Commerce ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." Part 1 of our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its e-commerce...

    [Store Interview, Part 1] Even When E-Commerce ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." Part 1 of our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its e-commerce...

  • 【ストアインタビュー後編】取り返しのつかない失敗さえしなければ、全部学びになる。EC戦略と経営哲学:Beverich株式会社 代表取締役 木下慶さん

    [Store Interview, Part 2] As Long as You Don't ...

    テキサス・アユミ

    Kei Kinoshita, President of Beverich, discusses his strategy for splitting roles between Shopify and Amazon, how he uses the RuffRuff apps, and a management philosophy that turns failure into learning....

    [Store Interview, Part 2] As Long as You Don't ...

    テキサス・アユミ

    Kei Kinoshita, President of Beverich, discusses his strategy for splitting roles between Shopify and Amazon, how he uses the RuffRuff apps, and a management philosophy that turns failure into learning....

1 of 3
  • Our Editorial Process

    For readers new to e-commerce and Shopify, we write our articles with care to explain difficult commerce and marketing terms, along with how everything works from building a store through to selling, as “gently,” “clearly,” and “accurately” as we can.

    Learn more 
  • About the information on this site

    The information published here is based on Tsun Inc.’s own experience and research. While we make every effort to publish information that is as “current” and “accurate” as possible, we cannot fully guarantee its contents. Tsun Inc. accepts no liability whatsoever for any damages arising from this site. If you find an error in the information published here, we would be grateful if you would contact Tsun Inc.