Layout

TABLE DES MATIÈRES

• 1 - ‣ 404 page (= error page)
• 2 - ‣ Search
• a - Layout
• b - Filters
• c - Pagination
• d - Card
• 3 - ‣ Misc
• a - Body Background Color
• b - Decorative Element
• c - Add Scripts

1 - 404 page (= error page)

General

• Choice of text alignment
• Choice of container type → placer ou non un container à la page, et si oui définir l’épaisseur et l’arrondi de la bordure

Colors

• Choice of the container’s background and border color if there is one
• Choice of the page background color

2 - Search

a - Layout

General

• Choice of element alignment on the page
• Choice of container type, and if applicable, set the border radius and thickness

Heading

• Variants selector → choice of element positions in the heading
• Choice of the listing title typography style
• Choice of the search results typography style

Colors

• Choice of the container’s border and background color, if any
• Choice of the search results page background color
• Depending on the variant, choice of the secondary color

b - Filters

Content

• Choice of filters that will be active on the search
• For each filter, define the label for selecting an item and the label if no items are found
• Choice of typography style for the filters
• Set the border thickness and radius of the filter boxes
• Choice of the reset button style

Colors

• Choice of the active filter color
• Choice of the filter border color
• Choice of the filter background color

c - Pagination

General

• Variants selector: choice of pagination style. Depending on the choice, set the border thickness and radius of the elements
• Choice of pagination font style

Colors

• Choice of hover text color
• Choice of pagination border color, normal and on hover
• Choice of pagination background color, normal and on hover
• Choice of pagination arrow color, normal and on hover

d - Card

Content

• Variants selector: choice of search results display style — framed or not
• Depending on the variant, set the border thickness and radius of the frames or borders
• Choice of information to display for each search result (categories, dates, etc.)
• Choice of typography style for the displayed information
• Choice of typography style for the title of the frame (of the found item)
• Choice of other information displayed:
• Excerpt → if checked, choice of typography style for the excerpt
• Social media → if checked, select the icon size
• Image → if checked, choice of image position and border radius
• “Read More” → if checked, choice of button style
• Decorative element with the button → if checked, choice of the decoration following the button

Colors

• Choice of the “Read More” button hover color
• Choice of the standard and hover icon colors
• Choice of the border color of the result box if there is one
• Choice of the background color of the result

Video examples

3 - Misc

a - Body Background Color

• Choice of the general background color of the site: everything outside the blocks (if they do not have a container, the background color will be the background color of the site)

b - Decorative Element

• Display or hide a decorative element on the site’s pages (in the background or between blocks)
• If selected, choice of the decoration style
• Depending on the selected decoration, choice of its color

c - Add Scripts

• Add scripts in the site’s page header (for example, if you want to add analytics tracking, you’ll have a code snippet to place in the header of your site’s pages — this is where you can insert it)
• Add scripts in the footer

← Back to Theme setup