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

时间:2013-08-22 16:28:35

标签: php html css magento

我想隐藏某些产品列表(目录)页面中的某些内容 - 我知道在使用Wordpress时您可以使用页面ID等,但Magento中是否有任何方法可以定位某些产品列表页面?

为了清楚起见,我正在查看列出某些类别的所有产品的页面,而不是CMS页面。

在我脑海中,我可以简单地通过URL定位?!?例如。在头部,如果url = ...

认为这是一个完整的猜测。

主要目的是隐藏价格并在所有页面上购买按钮,除了两个类别 - 可能有更简单的方法吗?

2 个答案:

答案 0 :(得分:1)

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

  1. catalog-category-view - 从布局句柄派生 catalog_category_view
  2. categorypath-{parents-url-keys-here}。因此,如果类别为Electronics->手机,则此类将为categorypath-electronics-cellphones
  3. category-{category-url-key-here}。如果我们使用与上面相同的示例,那么此值将为category-cellphones
  4. 总之,您可以使用上述约定为类catalog-category-view的价格添加一些样式,并为您的特定类别“取消”这些样式。

答案 1 :(得分:0)

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

本节采用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>


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


addItem类型

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

<type>skin_js</type> =&gt;与上述相同,为名称指定文件夹js/yourScript.js

<type>js</type> =&gt;查看根Magento安装文件夹。通常用于magento安装的根目录中的“\ js \”和“\ lib \”文件夹。如果您愿意,我想您可以将其树形成不同的文件夹,因为基本magento目录是具有此类型的工作目录。