Magento's IDs and classes
When creating themes that you intend to share with other Magento users, it can be helpful to use the same naming conventions used in Magento's default themes for the elements you use in your store. They can also be a useful reference while creating CSS for your Magento theme.
CSS ID/class | Description |
.wrapper | This usually contains all of the store's content within the <body> element and can be used to center the design, if necessary. |
#logo | This ID refers to the store's logo, usually contained withinan <h1> element. |
.header | It is usual for the store's logo, search feature, and customer links to be contained within the header, though the beauty of theming Magento is that you can change these if you desire! |
.shop-access | The shop access element is used to contain links to Magento's customer features such as customer accounts, carts, and wishlist. |
.header-nav | The header navigation class is used to contain your store's navigation links. These often consist of categories and sub-categories of your store. |
.breadcrumbs | The breadcrumbs class is used to contain the "breadcrumbs" of links that help to orientate your store's customers as to where they are in your store. |
.head | This class is used to contain heading elements (for example, the <h1> element) in the main body. Depending on your theme'sdesign, you may find that these are unnecessary. |
.content | The content class is used to wrap content within the store. |
.legality | The legality class is usually applied to the copyright notice in the footer of your Magento store, which can be edited through Magento's CMS. |
分享到:
相关推荐
Magento cloud - Developing and Maintaining your Cloud Project.
Magento Beginner's Guide
Set up newsletter and transactional emails so that communication from your website corresponds to the website’s look and feel Make the store look good in terms of PCI compliance About the Author ...
Understand Magento extensions, and build your own from scratch! Overview Get a detailed insight into the structure of Magento Learn about event/observer-driven modules Get a hands-on introduction to...
两本关于Magento的点子书 希望大家喜欢 Apress.The.Definitive.Guide.to.Magento.Dec Magento 1.3 Theme Design
Chapter 1, Installing Magento 2 on Apache and NGINX, is a totally different ballgame compared to Magento 1. Where Magento 1 could be installed through FTP or SSH, Magento 2 is installable only via the...
Magento 1.3 PHP Developer's Guide mangeto开发资料
magento数据结构分析 magento数据字典
MagentoBeginner's Guide.pdf [Packt]出品,最早的Magento精品书之一,原书地址:http://www.amazon.com/Magento-Beginners-Guide-William-Rice/dp/1847195946
magik shoes magento 模板, magento 1.7 模板
magento的SMTP插件magento的SMTP插件magento的SMTP插件
深入理解Magento 由精东博客下载下来制作成pdf
Magento插件开发手册 Magento Extension Developers Guide
Athlete Magento主题,兼容Magento 1.9.x, 1.8.x, 1.7.x ,特点:完全自适应(响应式布局),自定义子主题,无限颜色,完全自定义,一键安装演示,小工具化横幅系统,颜色选择,MEGA菜单,多商店支持,自定义产品...
magento2 developers cookbook, magento 开发手册,magento教程
Magento Magento商城 Magento目录结构
主要包括的内容有:magento的常用设置、Magento模板制作教程、Magento商城_目录结构说明、Magento中文教程实用文档、常用的xml的文件的作用以及自定义模块的应用
Chapter 1, Installing Magento 2 on Apache and NGINX, is a totally different ballgame compared to Magento 1. Where Magento 1 could be installed through FTP or SSH, Magento 2 is installable only via the...
docker-magento, Docker 容器开发的Magento开发环境 适用于 Magento 1扩展开发的 Docker ;如何使用这里选项?克隆它。类型 docker-compose up -d 。安装一个 Magento挂载你的文件共享。 开发利润 !我们该如何构建...