Content Grid Component
The 'Content Grid' component is a very flexible and usefull tool for managing your website. You can use it to display a list of categories on your homepage, display a list of daily specials, or even list out your different brands. Creating and editing a Content Grid Component is a piece of cake.
There may be instances where full width or 2 column content just won't cut it. Let's take a look at some examples:
Background Color: This sets the background color for the entier component.
Grid Size: Set the number of columns in your grid at a standard desktop view.
Image Aspect Ratio: Set the height of your image
Item Background Color: Use this setting to set the background color of the label of the grid item.
Item Text Color: This setting will allow you to customize the color of the label text.
Use these settings to change the style and color of your headline.
A few Notes:
- Never type your headline in all caps. If you'd like it to be all caps, use the 'Headline All Caps' toggle. This is to prevent Google penalizing you. Google is not a fan of text written in all caps.
- The HTML tag is by default set to H2. This is optimal for most use cases.
Change the link label and the. color of the link.
When adding the URL to a link, make sure you use a 'relative URL'.
What is a 'Relative URL'?
You may have noticed there is a 'Promo Link' box that asks for a 'Relative URL'
A relative URL is a link from within your site, on the same domain.
For example: A product list page for the category 'Edibles' has a URL of https://demo.greatergreen.gg/products?category=EDIBLES
In this case, the 'Relative URL' is everything after ".gg", or /products?category=EDIBLES
Use the 'Item List' to add you actual grid items. You can reorder these by dragging vertically.
- An Image
- Image Alt Text
- This is text that is used by persons with disabilities. It is also essential for a high page ranking in Google.
- Item Label
- Relative URL