MIGX won't display on a specific tab

7 Posts

Ben S. Reply #1, 11 years, 3 months ago

I am trying to display a selection of destination with MIGX( for a holiday website). I have successfully done this on the home page and everything works fine. On the destination page there is 3 tabs Overview( main active tab), Hotels and Multi-centre. I place the same code on the first tab and everything works and displays as it should. However, I want to display these boxes on the Multi-centre tab. I applied the same method, but it doesn’t show the boxes. I have gone over everything(template access, tpl, the code itself).

I don’t understand how it can display on one tab, but not the other. Is there a reason for this?

Any help or guidance is appreciated.

5,888 Posts

Bruno17 Reply #2, 11 years, 3 months ago

Which tabs are you talking about?
Do you have some code, which you could show us?

-------------------------------

you can buy me a beer, if you like MIGX

http://webcmsolutions.de/migx.html

Thanks!

7 Posts

Ben S. Reply #3, 11 years, 3 months ago

Here is the code of a chunk which I am trying to use MIGX with. This is the 3rd HTML tab of the page. If i cut and paste the migx code into the first tab, it displays, but doesn't here. Is it because it's in a chunk?

<!--muli centre-->
            <div id="multi" class="tab-pane fade">
              <div class="sm-section"> 
                <!--row-->
                <div class="row">
                  <div class="col-xs-9">
                    
                      <h2>Luxury Multi Centre Holidays </h2>
                      [[*multi-content]] 
                          
<!-- featured destination section-->
               <div class="container">
                    <div class="section">
                        <h2>Looking for inspiration?</h2>
                            <div class="flexslider image-carousel style2 row-2" data-animation="slide" data-item-margin="30" data-item-width="370">
                                <ul class="slides image-box style11">
                                      [[!getImageList?
                                          &tvname=`Featured`
                                          &tpl=`Featured_Destinations`]] 
                                </ul>
                            </div>
                    </div>
                </div>  
<!--end of featured destination-->
                      

                  
                  
                     </div>
                  <div class="col-xs-5 col-md-3"> [[$DestinationContactBox]] </div>
                </div>
              </div>
            </div>
<!-- end of tabs-->

And this is the code where I call my chunk.

[[$mainHeader]]
</head>
<body>
<div id="page-wrapper"> [[$mainMenu]]
  <div class="page-title-container"> [[$breadcrums]] </div>
  <section id="content" class="no-padding">
    <div class="banner imagebg-container" style="height: 350px; background-image: url([[*destinationImage]]);">
      <div class="container">
        <h2 class="big-caption">[[*pagetitle]]</em></h2>
      </div>
    </div>
    
    <div class="tab-wrapper">
      <div class="tab-container container trans-style">
        <ul class="tabs no-padding">
          <li class="active"><a data-toggle="tab" href="[[~9]]#overview"><i class="soap-icon-beach"></i>Overview</a></li>
          <li><a data-toggle="tab" href="[[~9]]#hotels"><i class="soap-icon-hotel"></i>Hotels</a></li>
          <li><a data-toggle="tab" href="[[~9]]#multi">Multi Centre</a></li>
          [[!getImageList?
          &tvname=`AddTab`
          &tpl=`AddTab`]]
        </ul>
        
<!--overview-->        
        <div class="tab-content">
          <div id="overview" class="tab-pane fade in active">
            <div class="sm-section"> 
              <!--row-->
              <div class="row">
                <div class="col-xs-9">
                  <div class="toggle-container box" id="accordion1">
                    <h2>Luxury [[*pagetitle]] Holidays </h2>
                    [[*content]] </div>
                </div>
                <div class="col-xs-5 col-md-3"> [[$DestinationContactBox]] </div>
              </div>
              <!--end of row--> 
              
              <!--recomended hotels-->
              <div class="container section">
                <h2>Recommended Hotels in [[*pagetitle]]</h2>
                <div class="row image-box style10"> [[!getImageList?
                  &tvname=`Hotel`
                  &tpl=`featuredHotelsNEW`]] </div>
              </div>
              
              
              
              
              
              
            </div>
            
          </div>
      
<!--custom-->
          
          [[!getImageList?
          &tvname=`Tab`
          &tpl=`Tab_content`]] 
          
<!-- all hotels tab-->
          <div id="hotels" class="tab-pane fade">
            <div class="sm-section">
              <div>
                <div class="row">
                  <div class="col-sm-4 col-md-3"> [[$blankSidebar]] </div>
                  <div class="col-sm-8 col-md-9">
                    <div class="sort-by-section clearfix">
                      <h2 class="sort-by-title block-sm">[[*pagetitle]] Hotels</h2>
                    </div>
                    <div class="hotel-list">
                      <div class="row image-box hotel listing-style1">
                      [[!getResources?
                        &parents=`[[*id]]`
                        &depth=`4`
                        &limit=`75`
                        &tpl=`hotelList`
                        &includeContent=`1`
                        &includeTVs=`1`
                        &processTVs=`1`
                        &showHidden=`1`
                        &sortby=`menuindex`
                        &sortdir=`ASC` 
                        ]] </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

[[$MultiCentreTab]] 


          
        </div>
      </div>
    </div>
  </section>
</div>
[[$mainFooter]]
    
    
   [[$mainBodyJavascript]]
</body>
</html>

[ed. note: benny1622 last edited this post 11 years, 3 months ago.]

5,888 Posts

Bruno17 Reply #4, 11 years, 3 months ago

Is it inside [[$MultiCentreTab]] ?

First, I would try to call everything getImageList and getResources cached.
Can't see any reason, to call them uncached here.

Then, what is your template-code?

-------------------------------

you can buy me a beer, if you like MIGX

http://webcmsolutions.de/migx.html

Thanks!

7 Posts

Ben S. Reply #5, 11 years, 3 months ago

The first example was [[$MultiCentreTab]] and the second in the template of that page.

Here is the &tpl=`Featured_Destinations` code

<li>
	<article class="box">
	<figure style="background:url([[+image]]); background-position:center; background-size: auto 100%; background-repeat:no-repeat">
	
	<a href="[[~[[+url]]]]" title="[[+destination]]">
	<div style="width: 370px; height: 160px;"></div>
	</a>

	<figcaption>
	<h3 class="caption-title">[[+destination]]</h3>
	<span>[[+text]]</span></figcaption>
	</figure>
	</article>
	
	
</li>

5,888 Posts

Bruno17 Reply #6, 11 years, 3 months ago

can't see anything wrong there.
Does it work with a very simple template, just

[[$MultiCentreTab]]

in it?

-------------------------------

you can buy me a beer, if you like MIGX

http://webcmsolutions.de/migx.html

Thanks!

7 Posts

Ben S. Reply #7, 11 years, 3 months ago

Yes it does. If I put the getImageList call on the first "overview" tab everything works fine. It just doesn't make sense how it can display on one part of the page and not the other.

I also have this displayed on the homepage and a few other pages using the same code.

5,888 Posts

Bruno17 Reply #8, 11 years, 3 months ago

hmmm... any chance, you can give me access to the manager (PM me)

-------------------------------

you can buy me a beer, if you like MIGX

http://webcmsolutions.de/migx.html

Thanks!

7 Posts

Ben S. Reply #9, 11 years, 3 months ago

Sorry I don't feel comfortable giving out details to the site.

I've narrowed down the issue. There isn't a problem with MIGX itself, but the HTML code. If I change the Multi Centre to class to "tab-pane fade in active" it displays it correctly. The problem is that i do not want this tab to be active, but the seems to be the only way to get it to display. Any ideas?