Choose a template

Open a View's Card Template tab. Under template source, choose SearchSync Templates for the built-in layouts or My Templates for ones from your theme, then pick one from Template.

Built-in templates

Template	Group	Best for
Course Card	LearnDash	Courses in a grid, with image, status badges, progress and a call to action
Inline Course Card	LearnDash	The same content in a horizontal row
Post Card	General	Posts and pages in a grid, with image, category badge and tags
Text Card	General	Content without images
Compact Row	General	Dense lists: thumbnail, title, metadata and description in one row

Each template has its own settings, so switching template and back doesn't lose your work. Next, map your content into the card and style it.

Add your own templates

Put .html files in searchsync/templates/ in your active theme and they appear under My Templates. Name and group each one with attributes on its root element:

<article
  data-template="true"
  data-element="root"
  data-template-title="Event Card"
  data-template-category="Events"
>
  <img data-element="image" data-label="Image" />
  <h3 data-element="heading" data-label="Title" data-placeholder="Event name"></h3>
  <p data-element="long_text" data-label="Description"></p>
</article>

• Each part you want to map gets a data-element id and a data-label, which is the name shown in the editor.
• Every mapped part must be a direct child of the root element.
• Add data-default-off="true" to a part to start it switched off.
• Add data-layout="inline" to the root for a horizontal layout.
• Templates without a data-template-category are grouped under "User created".

For full control over the markup, developers can replace the card entirely with the tangible_searchsync_hit_template JavaScript filter. See Hooks and filters.