Click the 'Edit' button to configure.
Note that you can change the text inline by clicking on the blue edit icon. Or you can use the left hand popup which enables you to edit the look and feel (options) as well as the content (content). You can also copy the whole block by clicking on the code tab.
Options Tab
Here you can alter the style and layout of the block
General Options
Like the carousel block, you can set the background colour for the block, the block height, whether the block is full width and add container padding so that there's white/empty space between all edges of the block/screen. This can be done in pixels, but doing in percentages will keep the block responsive on all screen sizes.
Content Area
Here you can set:
- The background colour of the content area
- Content Padding (adds extra space outside the editable inline space)
- Border radius for each corner.
- Text above and below the search box.
Search Bar
Here you can set:
- Background colour
- Border colour and radius
- Placeholder text colour
- Alignment of the placeholder and input text
- Height of the bar
- Font size
- Icon position, icon background colour and colour of the icon.
- Query Param String - this enables you to send your user to a pre filtered search.
The Content Tab
General Options
It is possible to add an image into the background of the block - again, this will take precedent over the background colour in the options tab.
Content Area
Here you can edit the text - note there is a night mode option if your text is a light colour.
Search Bar
Here you can change the placeholder text.
Code Tab
Here you can copy the code used on one page and apply it to another page using the same widget. This will replicate your exact block content.