Autor: admin
-
How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters
This tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks. Table of Contents Requirements Custom fields Add custom inputs Input buttons Input text Input range slider Input checkbox Input radio buttons Final code Conclusion Requirements Everything working from PART 1 and PART 2. Custom fields For this…
-
How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters
This tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks. Table of Contents Requirements Custom fields Add custom inputs Input buttons Input text Input range slider Input checkbox Input radio buttons Final code Conclusion Requirements Everything working from PART 1 and PART 2. Custom fields For this…
-
How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters
This tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks. Table of Contents Requirements Custom fields Add custom inputs Input buttons Input text Input range slider Input checkbox Input radio buttons Final code Conclusion Requirements Everything working from PART 1 and PART 2. Custom fields For this…
-
How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters
This tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks. Table of Contents Requirements Custom fields Add custom inputs Input buttons Input text Input range slider Input checkbox Input radio buttons Final code Conclusion Requirements Everything working from PART 1 and PART 2. Custom fields For this…
-
Checking if the current term in a Bricks Terms query loop of the given taxonomy has children
There could be situations when you need a way to check if the current term in a Bricks Terms query loop has children or not. This Pro tutorial shows how. Sample query loop: Step 1 Add the following in child theme‘s functions.php (w/o the opening PHP tag) or a code snippets plugin: <?php // Function…
-
Opening RSS Block’s Links in New Tabs
Looking to have links output by RSS Block (in the block editor) in new tab/window when using Bricks? Add this in your Bricks template/Page at Settings (gear icon) → PAGE SETTINGS → CUSTOM CODE → Body (footer) scripts: <script> document.querySelectorAll(«.wp-block-rss__item-title a»).forEach((link) => { link.setAttribute(«target», «_blank») }) </script> Note: For custom JS added in the builder…
-
Ordering The Events Calendar Events in Bricks
Looking to order the list of events output via a query loop in Bricks when using The Events Calendar? Set Order by to Meta value and Order meta key to _EventStartDate. Result: To display the date, you could use a Basic Text element having: {echo:tribe_get_start_date}
-
How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters
This tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks. Table of Contents Requirements Custom fields Add custom inputs Input buttons Input text Input range slider Input checkbox Input radio buttons Final code Conclusion Requirements Everything working from PART 1 and PART 2. Custom fields For this…
-
JetEngine Checkbox Condition in Bricks
This tutorial shows how elements in Bricks can be conditionally output depending on the selected option from a JetEngine checkbox custom field. Consider a meta box titled “Post Fields” enabled for Posts having a “Features” meta box that is of type Checkbox with these possible options: Room, Wifi, Air Condition. For Post A: Room is…
-
Dynamic Data :value filter in Bricks
Bricks 1.5.7 introduced a new :value dynamic data filter. This tutorial provides a practical example of how this filter can be used. Meta Box Checkbox List When a Meta Box Checkbox List type of field has both values and labels for the choices like this: and let’s say a specific Page has the field populated…