查找 CSS 选择器

使用 Shopify?您可能不需要本页面。 Navi+ 已内置 331 个 Shopify 主题的正确选择器(汉堡菜单、页眉、Logo、主菜单、搜索和购物车图标)。只需在 Publish 步骤(或创建菜单时的 “Where should this menu go?” 步骤)中选择您的主题,CSS Selector 字段就会自动填写。完整列表和截图见 naviplus.io/shopify-themes。以下步骤仅适用于自定义/未收录的主题,或非 Shopify 网站。

CSS 选择器 是 CSS 中一个非常有趣的概念——它定义了您网站的哪个部分可以被 替换 或 插入 Navi+ 菜单(无论是 在它之前 还是 在它之后)。

这里有一些 CSS 选择器的示例 供您使用:

#header           /* The header area */
.navbar           /* The main navigation bar */
.footer           /* The footer section */
.main-content     /* The main content container */
.product-gallery  /* The product image section */
div#menu-wrapper  /* A specific div with ID “menu-wrapper” */
section.hero      /* The hero section at the top of the page */

按照下面的说明 查找您网站上的正确 CSS 选择器。