Zesty.io Documentation
Zesty.ioOpen SourceATOM PluginStart Trial
Search…
Introduction
Quick Start Guide
Common Concepts
Glossary
Services
WebEngine
DAM (Media Management)
Accounts UI
Manager UI
EcoSystems
APIs
Overview
Auth API
Accounts API
Instances API
JSON Endpoints
Instant API (Read Only)
GraphQL
Node SDK
Tools & Resources
Next.js Integration
Guides
Adding a Favicon
Analytics
Adding Image Alt Text
Accepting an Invite to an Instance
Accessing Basic API JSON Endpoints
Adding Instances to EcoSystems
Bottom Loading JavaScript
Building the Schema and Selecting Fields
Content Entry, Drafts, and Publishing
Controlling and use of og:image
Creating a Customizable JSON Endpoint For Content
Creating a feed
Creating a Lead Form
Creating and Adding a Team
Editor and Coding Basics
How Webpages are Assembled
How do Instance or Blueprint LESS Variables Work
How to Create a one_to_many Relationship
How to Create one_to_one Relationships
Export Content Model to CSV
How to Create a Search Page
How to Deal With CORS
How to Filter by Tags
How to Implement Cross-instance Content Sharing
Integrations
Forms and Form Webhooks
How to Implement Simple Pagination
How to Launch an Instance
How to Personalize User Experience by Accessing Geolocation
Personalize User Experience with JavaScript Cookies
How to Personalize User Experience with Session Variables
How to Prevent Bots From Submitting Forms
How to Set Up Internationalization (i18n)
How to Use the Safe Email Send To Setting
How to Create a Blueprint in Github
JavaScript Component Libraries
Building Related Single and Multi-page Content Models
Microsoft Single Sign-On (SSO)
Password Protect Web Engine Preview
Refreshing the Cache
Reordering Child Items in a Parsley Auto-generated Navigation Bar
Setting up Google Analytics for GDPR
Setting up the x-default hreflang header
Setting Up Two-factor Authentication
Using Snippets
Video Embedding or Streaming Capabilities
Atom IDE Package
Chrome Browser Extension
Headless Code Examples
Salesforce Commerce Cloud
Community
RFCs/Specs
Powered By GitBook
How to Filter by Tags
Learn how to filter through your content using tags
In this guide we will walk through the process of using tags to filter through articles.
The first step is to create a one-to-many dataset with a text-field.
From page groups:
onetomany
From the data set:
tags
Result:
articleex
Now that we have our articles with tags constructed, we can start by creating buttons out of our tags. IMPORTANT: Be sure to set the value of the zid to each button as this is what will reference which tag is being called
You will also need to make a div for the results of your request.
Now that you have your buttons, you need to create the Ajax HTML file that will be called on each button press. AJAX files are templates that we write JavaScript AJAX requests against and get an HTML response. We plan on posting the user entered search term to this file so we know the Parsley get_var property will be available for us to fuzzy match against. Let's have the results of our search display the title and body of the article.
Lastly, we have to write the javascript to add the click event to the buttons. To do this, let's put it in script tags at the bottom of the article file.
Previous
How to Deal With CORS
Next
How to Implement Cross-instance Content Sharing
Last modified 3yr ago
Export as PDF
Copy link