Building Pages That Work, For ...
Using Components
Content Grid Component
11min
create entry points to categories, product, groups, or brands anywhere on your site 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 why use a 'content grid'? there may be instances where full width or 2 column content just won't cut it let's take a look at some examples category entry points brand entry points what can i edit? basic configuration options 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 headline 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 view all link 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 https //demo greatergreen gg/products?category=edibles in this case, the 'relative url' is everything after " gg", or /products?category=edibles https //demo greatergreen gg/products?category=edibles items use the 'item list' to add you actual grid items you can reorder these by dragging vertically each grid item supports 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