Topic:

Design, Templates & Post Types

How to create a live search with the search field and post slider in different sections

The Greyd live search block enables you to integrate interactive searches on your website. This usually requires the search field and the posts slider to placed together. However, if you want to create layouts like the following, with the search field being visually separated from the search results slider, this is also possible.

Website with a search field in the header and the results slider below in a separate section

This is how:

Create a custom page template for that page
Place a query loop in the first layout of that template (that way you will be able to make it full width). Activate the option "inner blocks use content width"
In your query, place a group containing for example the header template part as well as your search field (plus any other elements you want to have in the upper section)
The post slider can be placed outside of the group. Since it still lies within the query loop, Greyd's live search functionality is still available

List view of the section with the query loop containing a group and the post slider

Related articles & tutorials

How to customize the output of ACF Dynamic Tags

The ACF Dynamic Tags feature in the Greyd.Suite plugin allows you to use Advanced Custom Fields (ACF) within the editor and customize their output using specific filters. This document explains how the feature works and provides examples for customization.Key Filters greyd_acf_dynamic_tag This filter allows you to customize the HTML output of an ACF dynamic tag. […]

Topic

Templates & Post Types

How to create a live search with the search field and post slider in different sections

Topic

Design, Templates & Post Types

How can I prevent style issues when working with external themes?

The way themes handle styles varies, which may lead to style issues in Greyd blocks when using the Greyd plugin together with external themes. However, with the Theme Adaptor we offer you a feature to ensure consistent styling for essential CSS elements like accordions, buttons, and tabs, even when the Greyd theme isn’t active. You […]

Topic

Design

How to use WP All Import to import posts to a custom post type?

You might have created a Greyd.Suite custom post type with some custom fields and now want to import posts from a CSV file.You can use WP All Import to turn your CSV entries into posts. You now need to know that dynamic meta fields in Greyd.Suite are saved as an object – for scaling and […]

Topic

Templates & Post Types

How can I make core taxonomies available to custom post types?

Greyd.Suite global taxonomies enable you to create taxonomies that apply to several post types. However, you might also want to use the default "categories" of your default posts as a global taxonomy. You can easily do that by creating a taxonomy with the slug "Category", as this automatically references the default category. You can then […]

Topic

Templates & Post Types

Why do some Dynamic Templates fields not appear in the backend when filling a template with content?

Please make sure to give each element a unique name, even if you copy elements in the template, for example. If two elements have the same name, they are automatically filled with the same content and will not be listed individually as dynamic fields. This has the great advantage that you can easily copy template […]

Topic

Templates & Post Types

I get a notice that a main element is missing?

HTML elements define the structure of your pages. One of those tags is <main> defining the part of a page containing the content. Among others, this is relevant for accessibility, i.e. for skip links to skip menus or forms to jump to the right position. In Block Themes the main element often lies in your […]

Topic

General Questions, Templates & Post Types

How to upload Adobe fonts

At the moment, the WordPress Core does not support adding Adobe Fonts through the user interface, unlike Google Fonts or actual font files (WOFF2, TTF, etc). However, it’s still possible with a PHP snippet to get your Adobe Fonts into the website, both in frontend and backend. Ideally you have created a child theme before, […]

Topic

Design

Columns vs. rows vs. grid – When to use which block

In this video, we will show you when to use columns, when to use rows and when to use the new Block Editor grid function to structure your website in the best possible way. We take a look at the different variants and discuss the respective advantages and disadvantages so that you can make the […]

Topic

Design

How can I stretch post slider content to the same height?

When displaying content in a post slider, a common issue is that the length of your dynamically inserted content may vary and thus the individual posts in your slider have different heights. If you want to display several posts next to each other and want to stretch them to the same height, this is the […]

Topic

Design, Templates & Post Types

How do I register custom dynamic tags?

Greyd.Suite Dynamic Tags allow you to display any meta field from your Greyd.Suite custom post types for example in query loops. In case you want to register custom dynamic tags (e.g. when working with post types created with other tools than our suite), we've prepared a little plugin for you that serves as a blueprint.The […]

Topic

Templates & Post Types

How can I switch to a child theme?

In this article we describe how you can switch to a child theme when you have already created contents, layouts and design that you do not want to loose:Keep the current theme activeMake a backup of your entire site, the design and files via Greyd.HubIf available, copy the additional CSS in the global styles into […]

Topic

General Questions, Templates & Post Types

●●●●

Topic

Greyd.Blocks, Templates & Post Types

You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Unblock content Accept required service and unblock content

How to create post overviews and sliders

In this video we show you how you can create super custom post overviews and sliders with Greyd.Suite's post slider block. With detailed frontend and backend filters, sorting options and even interactive live searches.

Topic

Integrations, Templates & Post Types

You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Unblock content Accept required service and unblock content

WooCommerce & Greyd

Greyd.Suite is fully compatible with WooCommerce. Watch this video to find out about the many benefits and additional features you get when combining the two tools with each other – from conditions, to advanced query & search features to synchronizing WooCommerce products across several websites.

Topic

Greyd.Blocks, Templates & Post Types

You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Unblock content Accept required service and unblock content

How do I create frontend searches?

In this video we will show you how to create custom frontend searches with filtering and sorting options for the user. We also explain the extensive Advanced Search functions in Greyd.Suite.

Topic

Templates & Post Types

You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Unblock content Accept required service and unblock content

How do I work with templates and template parts?

In this video, we show you how to create and add templates and template parts using the Site Editor in Greyd.Suite.

Topic

Templates & Post Types

You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Unblock content Accept required service and unblock content

How do I create dynamic layout templates?

This video explains how easy it is to create and use layout templates that are independent from your content. Learn also how to change a template without affecting your content.

Topic

Templates & Post Types

You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Unblock content Accept required service and unblock content

How does the whole post & post type thing work?

In this video we will show you the entire process from creating a custom post type to designing the corresponding templates (post template, archive, search) and displaying certain posts with the query loop / post overview block.

Topic

Greyd.Blocks, Templates & Post Types

You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Unblock content Accept required service and unblock content

How does the burger / dropdown / popover block work?

You`ll find the popover block in three different variants. Depending on where and how you use it, you can build inline popups, dropdowns or burger menus with it. This video shows you how it works.

Topic

Templates & Post Types

You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Unblock content Accept required service and unblock content

How do I create custom post types?

With Greyd.Suite you can create and design custom post types without coding. There's no need for any programming skills, technical know how or even WordPress knowledge to manage post content. Learn here how it works.

Topic

Greyd.Blocks, Templates & Post Types

You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Unblock content Accept required service and unblock content

How do I display posts as a table?

The Post Table block is a variant of the Post Overview and allows you to display post content in table form.

Topic

Greyd.Blocks, Templates & Post Types

You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Unblock content Accept required service and unblock content

How do I create a post archive?

Show posts of a certain time, category or with certain tags with the post archives module. This video shows you how to design your individual post archive.

Topic

Templates & Post Types

You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Unblock content Accept required service and unblock content

How to design header & footer?

In this video we summarize all relevant settings, blocks & options for you, which you need for the design of the template parts header and footer. From navigation to the creation of off-canvas burger menus to logo and page title.

●●●●