控制 magento 左侧导航的渲染位置

     2023-03-06     235

关键词:

【中文标题】控制 magento 左侧导航的渲染位置【英文标题】:control where magento left nav renders 【发布时间】:2015-06-03 13:10:20 【问题描述】:

我想更改 magento 左侧导航的渲染位置,以便将其放置在给定类别上设置的静态 CMS 块之后,但在实际类别产品之前。

目前在 catalog_category_layered 我已经设置了

    <reference name="content">
        <block type="catalog/layer_view" name="catalog.leftnav" template="catalog/layer/view.phtml">
            <block type="core/text_list" name="catalog.leftnav.state.renderers" as="state_renderers" />
        </block>
        <block type="catalog/category_view" name="category.products" template="catalog/category/view.phtml">

这至少将它放在 col-main div 中,但它仍然呈现在静态 CMS 之上(我认为它是由 catalog/category/view.phtml 输出的?)

我需要它在该静态块之后呈现,因为该块本质上是一个全宽横幅。

当前的html输出是

<div class="col-main">
    <aside class="col-left sidebar col-md-3 col-xl-2 col-left-first" style="min-height: 1003px;">
    </aside>
    <section class="category-top"><img  src="/skin/frontend/rwd/thejewelhut/images/cat/pandora.png">
    </section>
    <section class="category-topmobile"><img  src="https://placehold.it/768x300"></section>
    <div class="col-main col-md-9 col-xl-10 category-products">
    </div>
</div>

期望的输出是

<div class="col-main">
    <section class="category-top"><img  src="/skin/frontend/rwd/thejewelhut/images/cat/pandora.png">
    </section>
    <section class="category-topmobile"><img  src="https://placehold.it/768x300"></section>
    <aside class="col-left sidebar col-md-3 col-xl-2 col-left-first" style="min-height: 1003px;">
    </aside>
    <div class="col-main col-md-9 col-xl-10 category-products">
    </div>
</div>

只有细微的差别,但会产生重大影响。

想法?

【问题讨论】:

【参考方案1】:

尝试将 before="-" 放在 leftnav 块中:

    <block type="catalog/layer_view" name="catalog.leftnav" before="-" template="catalog/layer/view.phtml">
        <block type="core/text_list" name="catalog.leftnav.state.renderers" as="state_renderers" />
    </block>

【讨论】:

恐怕它的位置与现在完全相同。

12.基于vue-router的案例

...导航根据项目的整体布局划分好组件结构,通过路由导航控制组件的显示1.抽离并渲染App根组件2.将左侧菜单改造为路由链接3.创建左侧菜单对应的路由组件4.在右侧主体区域添加路由占位符5.添加子路由规则6.通过路由重定向默认... 查看详情

导航栏左侧按钮的问题

】导航栏左侧按钮的问题【英文标题】:Issuewithbuttonontheleftsideoftheuinavigationbar【发布时间】:2012-02-1804:53:00【问题描述】:我在导航栏的左侧有一个按钮。我在那个按钮附近还有一个UIButton。现在,当我单击导航栏下方的按钮时... 查看详情

axurerp案例-左侧菜单栏导航

...局都会对元件的位置有影响:页面尺寸:Web;页面排列:左侧对齐。2.导航栏容器拖一个动态面板,命名“左侧菜单栏动态面板”,动态面板只有一个State1,X:0,Y:70,W:210,H:600,填充颜色R:48G:66B:86;选中“左侧菜单栏动态面板... 查看详情

加载视图时导航栏跳跃

...2012-06-0408:15:55【问题描述】:我已经实现了一个容器视图控制器(ios5),现在我尝试实现自定义动画/过渡以切换视图控制器。但是在实现任何涉及UINavigationController的动画时,我遇到了一个问题,结果不符合预期。例如,如果我在... 查看详情

Magento2 淘汰赛渲染特定的孩子

】Magento2淘汰赛渲染特定的孩子【英文标题】:Magento2knockoutrenderspecificchild【发布时间】:2017-04-1208:54:04【问题描述】:我需要有关我在magento2中处理的自定义结帐流程的帮助。我在文件magento/module-checkout/view/frontend/web/template/shippi... 查看详情

微信小程序实现点击左侧导航栏自动定位到对应的位置(代码片段)

我要实现的效果是点击左侧导航栏,右侧区域会自动滚动到相应的位置显示,其中当选择品牌的时候,右侧是有索引栏的。效果图如下:刚开始的时候我是用微信小程序自带的组件scroll-view是实现点击左侧导航栏... 查看详情

导航左侧标签栏项目

...序中,我有一个标题为“主页”的导航项。在下一个视图控制器中,右上角有一个退出按钮,但左上角还有一个“Pic_of_My_Build【问题讨论】:查看***.com/questions/27373812/…我浏览了整个帖子,但都没有奏效。实际起作用的 查看详情

屏幕左侧的 UIButton(在 iOS 7 导航滑动区域中)未突出显示

...ted【发布时间】:2014-02-2419:13:53【问题描述】:我在视图控制器(在XIB上)的最左侧有一个UIButton,宽度为100磅。如果视图控制器位于常规选项卡上(即未推送到导航堆栈上),则点击时按钮会按预期突出显示。 查看详情

Magento 我的帐户布局 XML 问题

】Magento我的帐户布局XML问题【英文标题】:MagentoMyAccountLayoutXMLProblem【发布时间】:2010-11-0810:24:06【问题描述】:我在让customer.xml布局文件在客户的“我的帐户”页面上正常工作时遇到问题。通常在页面左侧的导航链接和先前订... 查看详情

Magento:高级搜索结果的分层导航

】Magento:高级搜索结果的分层导航【英文标题】:Magento:LayeredNavigationonAdvancedSearchResults【发布时间】:2012-10-2606:05:59【问题描述】:我需要在Magento高级搜索结果页面上显示分层导航过滤器,就像在目录搜索结果页面上一样。我... 查看详情

如何更改导航栏标题位置?

...栏来更改导航栏的高度,但标题仍然居中。我希望它位于左侧72px的位置。overridefuncsizeThatFits(size:CGSize)->CGSizereturnCGSizeMake(UIScreen 查看详情

在带有 <router outlet> 的 Angular 4 中 - 在主/详细容器滚动时,如何控制侧栏或左侧 div 的导航/滚动

...有<routeroutlet>的Angular4中-在主/详细容器滚动时,如何控制侧栏或左侧div的导航/滚动【英文标题】:InAngular4with<routeroutlet>-Onscrollofmain/detailcontainer,Howtocontrolnavigation/scrollofsidebarorleftdiv【发布时间】:2017-07-1623:56:16【问题描... 查看详情

从控制器中的导航器获取用户位置

】从控制器中的导航器获取用户位置【英文标题】:Getuserlocationfromnavigatorincontroller【发布时间】:2016-09-3011:47:23【问题描述】:我正在使用navigator.geolocation.getcurrentposition来获取当前用户的位置(纬度/经度)。这是我的功能:fun... 查看详情

添加标签栏后导航下的搜索栏位置

...【问题描述】:tableView中有一个搜索栏。我也有一个导航控制器搜索栏位于导航栏下方。导航视图控制器是入口点。根视图控制器与标签栏控制器的关系并在postViewController.Swift中创建搜索栏关系标签栏视图控制器到postVi 查看详情

改进magento中的分层导航

ImprovedLayeredNavigationbyAmastyisapremium5-year-oldMagentoextension,towhichyoucanentrustyournavigation.Itincludes7mods:SeolayerednavigationShopbybrandsAjaxLayeredNavigationLayerednavigationfiltersAdvancedcategoriesmenuLayeredNavigationproPriceslidersandothernumericfiltershttp://amasty.com/ 查看详情

如何在可能的导航控制器中更改条形按钮项的垂直位置和大小?

】如何在可能的导航控制器中更改条形按钮项的垂直位置和大小?【英文标题】:howtoichangetheverticalpositionandsizeofbarbuttonIteminmaynavigationcontroller?【发布时间】:2017-08-1507:48:34【问题描述】:我正在做一个项目,我有一个高度为129... 查看详情

如何控制 UIApplicationShortcutItems 标题和图标位置

】如何控制UIApplicationShortcutItems标题和图标位置【英文标题】:howtocontrolUIApplicationShortcutItemstitle&iconlocation【发布时间】:2015-10-2203:03:17【问题描述】:如何控制?我已尝试更改plist中的位置。【问题讨论】:对不起。我已经... 查看详情

在渲染时将滚动反应到顶部——通常的答案似乎不起作用

...发布时间】:2022-01-0302:03:43【问题描述】:我有一个带有左侧导航栏的React应用程序,然后页面在右侧呈现。当我在右侧查看页面并向下滚动然后使用导航栏转到另一个页面时,新页面将呈现与前一页相同的滚动位置。我希望新... 查看详情