Magento's IDs and classes

最新推荐文章于 2023-03-11 18:21:52 发布

最新推荐文章于 2023-03-11 18:21:52 发布 · 127 阅读

文章标签：

#CSS #CMS #Access

Magento 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了Magento默认主题中常用的CSS ID和类，包括.wrapper、#logo、.header等，这些元素有助于开发者快速上手并保持一致的命名规范。

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.

[table]
|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 within
an <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's
design, 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.|
[/table]