在特定产品列表页面(目录)Magento上添加CSS/Code


Add CSS / Code on Specific Product List Pages (catalogue) Magento

我想从某些产品列表(目录)页面隐藏一些东西-我知道在使用Wordpress时,你可以使用页面ID等,但在Magento中有什么方法可以只针对某些产品列表页面吗?

需要明确的是,我所在的页面列出了某些类别的所有产品,而不是CMS页面。

在我的脑海中,我可以简单地通过URL作为目标是有道理的?!?例如,如果url=。。。

我觉得这完全是猜测。

主要目的是隐藏除两类产品外的所有页面上的产品价格和购买按钮——可能有更简单的方法吗?

每个页面在body元素上都有一个不同的类。body元素上的类之一是页面的布局句柄(使用-而不是_)。其他类可能因页面类型而异
例如,类别页面在body上将具有以下类。

  1. catalog-category-view-源自布局句柄catalog_category_view
  2. categorypath-{parents-url-keys-here}。因此,如果类别是电子->手机,则该类别将是categorypath-electronics-cellphones
  3. CCD_ 10。如果我们使用与上面相同的例子,那么这个值将是category-cellphones

总之,您可以在catalog-category-view类的价格中添加一些样式,并使用上述约定为您的特定类别"取消"这些样式。

您可以在类别设置中执行此操作:
Magento管理员->目录->管理类别->自定义设计->自定义布局更新

本节介绍XML更新,您可以在这里通过XML将CSS添加到您的头脑中,如下所示(选择一个):

//Simple way for CSS - Falls Back from Your Theme to Default/Base
//Goes to your theme's skin folder first
<reference name="head">
    <action method="addCss"><name>css/yourStylesheet.css</name></action>
</reference>

//Specific way for CSS, can also be used for JS
//More lines, but you can change the type for different folders and javascript too
<reference name="head">
    <action method="addItem">
        <type>skin_css</type>
        <name>css/yourStylesheet.css</name>
    </action>
</reference>


保存并刷新缓存。确保您的样式表位于正确的文件夹中!


添加项目类型

<type>skin_css</type>=>Magento/skin/frontend/your_package/your_theme/文件夹

<type>skin_js</type>=>同上,指定文件夹js/yourScript.js作为名称

<type>js</type>=>查找根Magento安装文件夹。通常用于magento安装的根目录中的"''js''"answers"''lib''"文件夹。我想如果你愿意的话,你可以把它树到不同的文件夹中,因为基本的magento目录是这种类型的工作目录。