The Customization page lets you manage shared tag list design and behavior settings. These settings apply to product, collection, blog, and blog post pages.
Settings on the Customization page are shared across RuffRuff Product & Blog Tags. On a template that uses a Regular-plan app block, the app block takes priority for settings available in both locations.
Prerequisite: To use different settings for each template, configure them in a Regular-plan app block.
(1) Open RuffRuff Product & Blog Tags
From Shopify admin, go to Apps and open "RuffRuff Product & Blog Tags."
(2) Open the Customization page
Select "Settings" from the menu in the app.
(3) Change the settings
Change the settings and check the tag list in the preview.
(4) Save the settings
Select "Save." After saving, open an applicable page and confirm the display.
The following shared settings are available on every plan, including the Free plan.
Setting | Description |
|---|---|
Title | Text displayed above the tag list |
Design pattern | Tag shape |
Prefix | Text displayed before each tag name |
Hide the clear-selection button | Clear button displayed on an active tag |
Exclude tags | Tags that are not displayed in the tag list |
Excluded-tag matching method | Condition used to match excluded tags |
Colors | Colors for the tag list, tags, and selected state |
The following shared settings are also available on the Light and Regular plans.
Setting | Description |
|---|---|
Tag selection mode | Single or multiple selection |
Priority product tags | Display order of product tags |
Show only product priority tags | Limit the tags displayed on product pages |
Priority blog tags | Display order of blog post tags |
Show only blog priority tags | Limit the tags displayed on blog and blog post pages |
Collection filter scope | Products included after a tag is selected on a product page |
Limitation: These settings are not available on the Free plan. Product-page filtering uses the default behavior on the Free plan.
Choose from four tag shapes under Design pattern.
Plain Text: Text with no background
Rectangle: Rectangle with square corners
Round: Rectangle with rounded corners
Underline Text: Underlined text
Use Prefix to set text displayed before each tag name.
For example, if you enter "#," the "Fashion" tag appears as "#Fashion." If left blank, only the tag name appears.
In Exclude tags, enter one tag per line for each tag you do not want to display.
You can exclude internal tags and tags customers do not need to see. Choose Exact match, Starts with, Ends with, or Contains.
See the following articles to change displayed tags or tag-selection behavior.