inner tpl""> inner tpl"" />
We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 46754
    • 3 Posts
    Hi,

    i am trying to build a 3Level Flyout Navigation.
    So far so easy with Wayfinder.

    But the special thing about this navigation is, that i want to add
    specific images to the 3rd Level of the flyout.
    -Level1
    --Level 2 ->innerTpl
    ---Level 3 -> chunkname? (this is where i want to add the image)

    What i can control is innerTpl.
    Adding
    <img src="[[!getResourceField:phpthumbof=`w=300&h=300&zc=1`? &id=`9` &isTV=`1` &field=`filial_bild_tv` &processTV=`1`  &default=`Sorry, no data available`]]"/>


    My innerTpl Chunk is :

    <!-- innerTpl -->
    <ul [[+wf.classes]]>
    <img src="[[!getResourceField:phpthumbof=`w=300&h=300&zc=1`? &id=`9` &isTV=`1` &field=`filial_bild_tv` &processTV=`1`  &default=`Sorry, no data available`]]"/>-->
    [[+wf.wrapper]]
    </ul>


    gets me an image (processed with phpthumbof) and adds it to the innerTpl.
    But then i have the content in the 2nd level AND in the 3rd level.

    Because the structure of my innerTpl Wayfinder Chunk is sadly the same on level2 and level3

    I need to get control over the 3rd Level (a chunk like "innerTpl > innerTpl" ) if you put it that way.

    Does anyone of you built something similar? Or do you have an idea how to achieve what i want?

    My only idea is to build a workaroud by working with 2 Wayfinder calls.
    1 for the container level (1st)
    and the 2nd Wayfiner call for the 2nd and 3rd Level of the flyout.

    Aim is to get the Navigation similar to
    www.porsche.de
    with an image of the branch the user wants to inform about.

    Places > Branch 1 > Branch description with image

    THANK YOU in advance!!
      • 46754
      • 3 Posts
      My HTML Structure so far:
      <nav id="head-nav" class="top-bar" data-topbar="" style="display: none;">
      	<ul class="title-area">
      		<section class="top-bar-section clearfix">
      			<ul>
      				<li class="first has-dropdown not-click">
      				<a title="Filialen" href="filialen/">Filialen</a>
      					<ul class="dropdown">
      						<img src="/assets/components/phpthumbof/cache/img1_d9ffc2ce066f23b69f2b31c839306ac11.jpg"> 
      						<li class="first has-dropdown not-click">
      						<a title="Rahlstedt" href="rahlstedt/">Rahlstedt</a>
      							<ul class="dropdown">
      								<img src="/assets/components/phpthumbof/cache/img1_d9ffc2ce066f23b69f2b31c839306ac11.jpg">