Page Comparison

...

In order to access the Content Constructor section for categories navigate to CATALOG / INVENTORY /  CATEGORIESCATEGORIES. Now scroll down and expand the CONTENT CONSTRUCTOR section. Here you can choose the visibility of CC components for MOBILE, DESKTOP or make it NOT VISIBLE. You can add all CC components from section 2.1.

...

²⁹ If you already have an image, you can remove it using the “bin” icon. If you have more than one image teaser (added using the the “+” icon) you can move the given image using the “ARROW UP” and “ARROW DOWN” icons. Also you can change the existing image by clicking “CHANGE”.

1. Select the 

TEASER SIZE:

i.

...

x1: The Image Teaser will fit into one row and one column entry (it has the same dimensions as a product tile)

ii. 1x2: The Image Teaser will fit into one row and two column entries

iii. 2x1: The Image Teaser will fit into two rows and one column entry

iv. 2x2: The Image Teaser will fit into two rows and two column entries

1. Select the 

POSITION:

i. Left: The Image Teaser will be located on the very left column of the Product Grid

ii. Center: The Image Teaser will be located in the middle column of the Product Grid

iii. Right: The Image Teaser will be located on the very right column of the Product Grid

1. Select the 

ROW:

i. 1: The Image Teaser will be located in the first row in the Product Grid

ii. 2: The Image Teaser will be located in the second row in the Product Grid

iii. 3: The Image Teaser will be located in the third row in the Product Grid

iv. As last: The Image Teaser will be located in the last row in the Product Grid

1. Select the 

DISPLAY VARIANT, which controls the text location on the image teaser. Depending on the styling of the Magento 2 instance, the options are

i. Text vertically centered on the left

ii. Text on the bottom, left corner

iii. Text vertically centered in the middle

iv. Text on the bottom – centered

1. Select 

TEXT COLOR SCHEME, which controls the font color of the text depending on the styling.

...

HEADLINE text which will be the most prominent text element on the image teaser (depending on the stylingdepending on the styling).

1. Enter the 

SUBHEADLINE text which will be the text element located underneath the headline on the image teaser (depending on the styling).

...

When the settings have been made click SAVE on this page. On the Categories configuration page also click  On the Categories configuration page also click SAVE.