This topic contains 0 replies, has 1 voice, and was last updated by The Magebay Team 10 years, 3 months ago. This post has been viewed 1768 times
MCP Customization – Column Layout
-
Sub Column Layout or Sub Column Unit only apply for menu level 0 and level 1.
Level 0:
- Home [Level 0]
- Electronics [Level 0]
Level 1: All sub menu items of Electronics
- Cell Phones [Level 1]
- Cameras [Level 1]
- Computers [Level 1]
- Genarator [Level 1]
We define the fixed width in pixcel in menu-creator-pro.css , so each column layout will have a fixed width below:
- 1 Column layout – 100px
- 2 Column layout – 155px
- 3 Column layout – 233px / Default of Auto Show Sub Categories
- 4 Column layout – 311px
- 5 Column layout – 389px
- 6 Column layout – 467px
- 7 Column layout – 545px
- 8 Column layout – 623px
- 9 Column layout – 701px
- 10 Column layout – 779px
- 11 Column layout – 857px
- 12 Column layout – 935px
- Full Width [only item in first level] – 100%
Display in CSS code (skin/frontend/base/default/menupro/css/menu-creator-pro.css)
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970/**//* grid *//**/.menu-creator-pro .grid-column {float: left;border-color: #d9d9d9;border-left-width: 1px;border-left-style: solid;line-height:normal;}.menu-creator-pro .grid-column > .grid-container3{white-space: nowrap;width: auto;}.menu-creator-pro .grid-column:first-child {margin-left: 0;border-left: 0;}.menu-creator-pro .grid-columnhaft,.menu-creator-pro .grid-containerhaft {width: 49.5%;}.menu-creator-pro .grid-column1,.menu-creator-pro .grid-container1 {width: 100px;}.menu-creator-pro .grid-column2,.menu-creator-pro .grid-container2 {width: 155px;}.menu-creator-pro .grid-column3,.menu-creator-pro .grid-container3 {width: 233px;}.menu-creator-pro .grid-column4,.menu-creator-pro .grid-container4 {width: 311px;}.menu-creator-pro .grid-column5,.menu-creator-pro .grid-container5 {width: 389px;}.menu-creator-pro .grid-column6,.menu-creator-pro .grid-container6 {width: 467px;}.menu-creator-pro .grid-column7,.menu-creator-pro .grid-container7 {width: 545px;}.menu-creator-pro .grid-column8,.menu-creator-pro .grid-container8 {width: 623px;}.menu-creator-pro .grid-column9,.menu-creator-pro .grid-container9 {width: 701px;}.menu-creator-pro .grid-column10,.menu-creator-pro .grid-container10 {width: 779px;}.menu-creator-pro .grid-column11,.menu-creator-pro .grid-container11 {width: 857px;}.menu-creator-pro .grid-column12,.menu-creator-pro .grid-container12 {width: 935px;}Magento Extensions Store | Magento Menu Creator | Magento Fancy Checkout | Online Products Designer
Tagged: MCP Customization COlumn layout
You must be logged in to reply to this topic.