To add this block, navigate to Add a New Block, and in the categories, select Listings.
There are a few block styles you can choose from, we will break down each.
Style 1 - Property Search
- Title/Title Look Like (h1, h2, h3, etc.)
- IDX Shortcode
Note: The Shortcode will be already placed in there in as you order your IDX to your site, and this only works with Showcase IDX (Express Setup Recommended)
Style 2 - Listings Slider
- Background Color
- Title/Title Look Like (Size - h1,h2,h3, etc.)
- Button Label (Text) / Button Link
You will notice as you collapse the source, it will show the source options.
Note: You can display listings only from AF Listings v3 plugin for this block.
This option will appear as you select the source. You can adjust to show listings depending on their status.
Style 3 - Custom Listing Slider
This style can work similarly as the Style 2, but it can offer a lot more. A few key differences you can add here:
- Custom Listing Feed Setup (multiple sources)
This block is split into 3 sections:
You can set the background to have an image, or a solid color.
Note: If you select Image as a background, you can add additional overlays to it.
For content, you can add and adjust:
- Listing Source
- Listings Status/Hotsheet/Custom URL
- Button/Button Link
Key Info: As you collapse the Source Tab, you will notice there are multiple source options you can choose from. This includes AF Listings V2, V3, Showcase Hotsheet, and Diverse Custom URL.
As you change the source, you will notice the field (box) below the source will change accordingly, depending on which source is active.
This example is for AF Listings V3 as a source
And this one is for Showcase Hotsheets (custom searches which are created in the Showcase admin area)
The Showcase Hotsheet will populate the list of Custom Searches that are created in your Showcase account.
Lastly, Content Settings allows you to adjust the Title Size and Color, Text Color, and as well enable Advanced Button Styling, which will grant you more options to customize your button. (mostly coloring options)
Further Education about the Spark Editor and Spark Pages:
- Spark Editor: Getting familiar with the basics
- Spark Editor: Blocks - Header
- Spark Editor: Blocks - Areas
- Spark Editor: Blocks - About
- Spark Editor: Blocks - Call To Action
- Spark Editor: Blocks - Content
- Spark Editor: Blocks - Service
- Spark Editor: Blocks - Brag
- Spark Editor: Blocks - Blog
- Spark Editor: Blocks - Testimonials
- Spark Editor: Blocks - Team Members
- Spark Editor: Blocks - Forms
- Spark Editor: Blocks - Instafeed
- Spark Editor: Layouts