Father-Daughter

layout_overview

Sub Headline

  • Overview
  • Layout 100
  • Layout 33-33-33
  • Layout 33-66
  • Layout 66-33
  • Layout 50-25-25
  • Layout 50-50
  • Layout 100
  • Layout 50-50
  • Layout 50-25-25
  • Layout 100
  • Layout 50-50
  • Layout 50-25-25
  • Layout 50-50
  • Layout 33-33-33
Contactimage of contact

Note: The purpose of this page is to show the different options with layout containters on pagetype "Category Page", "SubCategory Page" and "Product / Service Detail Page". On the upper half of this page you will find each layout container separated. Below that there are examples how to nest these containers with the Grouping Section. For demonstration purposes you find only the image module (with the same image for all) used within these containers. For information about every single module, please click here (LINK) for the module overview. For more info about the large modules (CM) click here.

 

PLEASE DO NOT CHANGE ANYTHING ON THIS PAGE. IT IS JUST FOR DOCUMENTATION.

 

Layout 100

Father-Daughter

Layout 33-33-33

Father-Daughter
Father-Daughter
Father-Daughter

Layout 33-66

Father-Daughter
Father-Daughter

Layout 66-33

Father-Daughter
Father-Daughter

Layout 50-25-25

Father-Daughter
Father-Daughter
Father-Daughter

Layout 50-50

Father-Daughter
Father-Daughter

Nested examples of layout containers with grouping section below

First example: layout 100, layout 50-50 and layout 50-25-25 combined with default background color.

Father-Daughter
Father-Daughter
Father-Daughter
Father-Daughter
Father-Daughter
Father-Daughter

Second example: the same example (layout 100, layout 50-50 and layout 50-25-25 combined) but with dark background color.

Father-Daughter
Father-Daughter
Father-Daughter
Father-Daughter
Father-Daughter
Father-Daughter

Third example: layout 50-50 and layout 33-33-33 combined with grey as background color.

Father-Daughter
Father-Daughter
Father-Daughter
Father-Daughter
Father-Daughter