Position
Position
You can select the display position of the table of contents from the following three types.
Above the first heading
Specify in Theme editor (Online Store 2.0 Only)
Specify class name
Difference in position
Above the first heading
Inserts a table of contents above the topmost heading in the article among the headings selected in the Headings to be used.
For example, if h2 and h3 are selected, an article with the structure "Title > Text > h2 > Text > h3 > Text > h2 > Text" will display the table of contents at the position "Title > Text > [Table of Contents] > h2 > Text > h3 > Text > h2 > Text".
Specify in Theme editor (Online Store 2.0 Only)
Using the theme editor, you can insert an application in the block where you want the table of contents to appear.
* Only Online Store 2.0 themes are available
Specify class name
Inserts a table of contents at the top of an element with a specific class name.
* If there is more than one specified class name, it is displayed in the first place.
How to Setup
Above the first heading
Click the "Customize" on the top page
Select "Above the first heading" from the position options
Click "Save"
2. Specify in Theme editor (Online Store 2.0 Only)
Click the "Customize" on the top page
Select "Specify in Theme editor (Online Store 2.0 Only)" from the position options
Click "Save"
From your Shopify admin, go to Online Store > Themes.
Find the theme that you want to edit, and then click Customize.
Navigate to the blog post page.
Move the app section to the place you want it on the page.
Click Save.
3. Specify class name
Click the "Customize" on the top page
Select "Specify class name" from the position options
Enter the class name of the element for which you want to display the table of contents
Click "Save"