Problems, need help? Have a tip or advice? Post it here.
9 posts Page 1 of 1
Hello couchies :),

thanks for this superb CMS at first. It was exactly what i was looking for.

While editing my site i had an problem with some parts of my content, especially with jquery-Tabs. I didn't want to use repeatable content because there are too many fields to fill in - so it would have much sence to put them all inline.

So i decided to use clonable templates instead and hoped it will work in this case. All in all it looks like iam near to the solution, but its not updating in admin anymore and so its not really working.

Case:
There are several engine-types (folders).
For every engine-type there are several bases with different HP (pages in couch, Tabs on the site).

Under every engine-type should appear the bases that are belonging to every type - both on one site.

It would be very nice, if you could help me - but first the code:

Code: Select all
<?php require_once( 'couch/cms.php' ); ?>
<cms:template clonable='1' title='Motorumbauten' >
    <cms:editable name='tabID' type='text' label='ID' order='1' />

    <cms:editable name='werk' label='Werksangaben' type='group' order='2' />
    <cms:editable name='werkPS' group='werk' type='text' label='PS' />
    <cms:editable name='werkNM' group='werk' type='text' label='NM' />

    <cms:editable name='step1' label='Ausbaustufe 1' type='group' order='3' />
    <cms:editable name='step1PS' group='step1' type='text' label='PS' />
    <cms:editable name='step1NM' group='step1' type='text' label='NM' />
    <cms:editable name='step1Parts' group='step1' type='richtext' label='Umbauteile' />
    <cms:editable name='step1File' group='step1' type='file' />
    <cms:editable name='step1Price' group='step1' type='text' label='Preis' />
    <cms:editable name='step1Fitting' group='step1' type='text' label='Einbaupreis' />
    <cms:editable name='step1TUV' group='step1' type='text' label='TUV Preis' />

    <cms:editable name='step2' label='Ausbaustufe 2' type='group' order='4' />
    <cms:editable name='step2PS' group='step2' type='text' label='PS' />
    <cms:editable name='step2NM' group='step2' type='text' label='NM' />
    <cms:editable name='step2Parts' group='step2' type='richtext' label='Umbauteile' />
    <cms:editable name='step2File' group='step2' type='file' />
    <cms:editable name='step2Price' group='step2' type='text' label='Preis' />
    <cms:editable name='step2Fitting' group='step2' type='text' label='Einbaupreis' />
    <cms:editable name='step2TUV' group='step2' type='text' label='TUV Preis' />
   
    <cms:editable name='step3' label='Ausbaustufe 3' type='group' order='5' />
    <cms:editable name='step3PS' group='step3' type='text' label='PS' />
    <cms:editable name='step3NM' group='step3' type='text' label='NM' />
    <cms:editable name='step3Parts' group='step3' type='richtext' label='Umbauteile' />
    <cms:editable name='step3File' group='step3' type='file' />
    <cms:editable name='step3Price' group='step3' type='text' label='Preis' />
    <cms:editable name='step3Fitting' group='step3' type='text' label='Einbaupreis' />
    <cms:editable name='step3TUV' group='step3' type='text' label='TUV Preis' />
   
    <cms:editable name='step4' label='Ausbaustufe 4' type='group' order='6' />
    <cms:editable name='step4PS' group='step4' type='text' label='PS' />
    <cms:editable name='step4NM' group='step4' type='text' label='NM' />
    <cms:editable name='step4Parts' group='step4' type='richtext' label='Umbauteile' />
    <cms:editable name='step4File' group='step4' type='file' />
    <cms:editable name='step4Price' group='step4' type='text' label='Preis' />
    <cms:editable name='step4Fitting' group='step4' type='text' label='Einbaupreis' />
    <cms:editable name='step4TUV' group='step4' type='text' label='TUV Preis' />       

    <cms:folder name="18_t" title="1.8 T" />
    <cms:folder name="18_tsi" title="1.8 TSI/TFSI" />
    <cms:folder name="20_tfsi_axx" title="2.0 TFSI (AXX-, BWA-Basis)" />
    <cms:folder name="20_tfsi_cdl" title="2.0 TFSI (CDL-Basis)" />

</cms:template>
<cms:if k_is_page >
          <div id="tabs-<cms:show tabID />">
            <table width="920" border="0" cellspacing="0" cellpadding="0" class="steps">
              <tr class="stepsRow1">
                <td class="stepsColumn1">&nbsp;</td>
                <td class="stepsColumn2" valign="bottom" align="right"><p class="lowerStepBase">Werksangaben</p></td>
            <td class="stepsColumn3" valign="bottom" align="right"><img src="images/Step1.gif" width="75" height="45" alt="Ausbaustufe 1" border="0" /><p class="lowerStep">Ausbaustufe 1</p></td>
                <cms:if step2PS != '' ><td class="stepsColumn4" valign="bottom" align="right"><img src="images/Step2.gif" width="75" height="45" alt="Ausbaustufe 2" border="0" /><p class="lowerStep">Ausbaustufe 2</p></td></cms:if>
                <cms:if step3PS != '' ><td class="stepsColumn5" valign="bottom" align="right"><img src="images/Step3.gif" width="75" height="45" alt="Ausbaustufe 3" border="0" /><p class="lowerStep">Ausbaustufe 3</p></td></cms:if>
                <cms:if step4PS != '' ><td class="stepsColumn6" valign="bottom" align="right"><img src="images/Step4.gif" width="75" height="45" alt="Ausbaustufe 4" border="0" /><p class="lowerStep">Ausbaustufe 4</p></td></cms:if>
              </tr>
              <tr class="stepsRow2">
                <td class="stepsColumn1">Leistung</td>
                <td class="stepsColumn2" align="right"><cms:show werkPS /></td>
                <td class="stepsColumn3" align="right"><cms:show step1PS /></td>
                <cms:if step2PS != '' ><td class="stepsColumn4" align="right"><cms:show step2PS /></td></cms:if>
                <cms:if step3PS != '' ><td class="stepsColumn5" align="right"><cms:show step3PS /></td></cms:if>
                <cms:if step4PS != '' ><td class="stepsColumn6" align="right"><cms:show step4PS /></td></cms:if>               
              </tr>
              <tr class="stepsRow3">
                <td class="stepsColumn1">Drehmoment</td>
                <td class="stepsColumn2" align="right"><cms:show werkNM /></td>
                <td class="stepsColumn3" align="right"><cms:show step1NM /></td>
                <cms:if step2PS != '' ><td class="stepsColumn4" align="right"><cms:show step2NM /></td></cms:if>
                <cms:if step3PS != '' ><td class="stepsColumn5" align="right"><cms:show step3NM /></td></cms:if>
                <cms:if step4PS != '' ><td class="stepsColumn6" align="right"><cms:show step4NM /></td></cms:if>               
              </tr>
              <tr class="stepsRow4">
                <td class="stepsColumn1" valign="top">Umbauteile</td>
                <td class="stepsColumn2" valign="top" align="right">&nbsp;</td>
                <td class="stepsColumn3" valign="top" align="right"><cms:show step1Parts /></td>
                <cms:if step2PS != '' ><td class="stepsColumn4" valign="top" align="right"><cms:show step2Parts /></td></cms:if>
                <cms:if step3PS != '' ><td class="stepsColumn5" valign="top" align="right"><cms:show step3Parts /></td></cms:if>
                <cms:if step4PS != '' ><td class="stepsColumn6" valign="top" align="right"><cms:show step4Parts /></td></cms:if>               
              </tr>
              <tr class="stepsRow5">
                <td class="stepsColumn1">Leistungsdiagramme<br />(MAHA-Allrad-Prüfstand)</td>
                <td class="stepsColumn2" align="center">&nbsp;</td>
                <td class="stepsColumn3" align="center"><cms:show step1Diagram /></td>
                <cms:if step2PS != '' ><td class="stepsColumn4" align="center"><cms:show step2Diagram /></td></cms:if>
                <cms:if step3PS != '' ><td class="stepsColumn5" align="center"><cms:show step3Diagram /></td></cms:if>               
                <cms:if step4PS != '' ><td class="stepsColumn6" align="center"><cms:show step4Diagram /></td></cms:if>                               
              </tr>
              <tr class="stepsRow6">
                <td class="stepsColumn1">Preis</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right"><cms:show step1Price /></td>
                <cms:if step2PS != '' ><td class="stepsColumn4" align="right"><cms:show step2Price /></td></cms:if>
                <cms:if step3PS != '' ><td class="stepsColumn5" align="right"><cms:show step3Price /></td></cms:if>               
                <cms:if step4PS != '' ><td class="stepsColumn6" align="right"><cms:show step4Price /></td></cms:if>                               
              </tr>
              <tr class="stepsRow7">
                <td class="stepsColumn1">Einbau</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right"><cms:show step1Fitting /></td>
                <cms:if step2PS != '' ><td class="stepsColumn4" align="right"><cms:show step2Fitting /></td></cms:if>
                <cms:if step3PS != '' ><td class="stepsColumn5" align="right"><cms:show step3Fitting /></td></cms:if>
                <cms:if step4PS != '' ><td class="stepsColumn6" align="right"><cms:show step4Fitting /></td></cms:if>
              </tr>
              <tr class="stepsRow8">
                <td class="stepsColumn1">TÜV</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right"><cms:show step1TUV /></td>
                <cms:if step2PS != '' ><td class="stepsColumn4" align="right"><cms:show step2TUV /></td></cms:if>
                <cms:if step3PS != '' ><td class="stepsColumn5" align="right"><cms:show step3TUV /></td></cms:if>                               
                <cms:if step4PS != '' ><td class="stepsColumn6" align="right"><cms:show step4TUV /></td></cms:if>                                               
              </tr>             
            </table>
           </div>
            <cms:else />

                <div id="content">
                <div id="contentMain">
                    <div id="breadCrumb"><a href="index.html">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="Motorumbauten.html" class="contentLink">Motorumbauten</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<cms:show k_folder_title /></div>
                    <h1>Motorumbau des <cms:show k_folder_title /></h1>
                   
                    <div id="tabs">
                      <ul>
                        <cms:pages masterpage='Motorumbau.php' folder=k_folder_name ><li><a href="#tabs-<cms:show tabID />">Basis <cms:show werkPS /></a></li></cms:pages>
                      </ul>                   
                       
                       <cms:pages masterpage='Motorumbau.php' folder=k_folder_name ><cms:embed 'Motorumbau.php' /></cms:pages> - maybe here is the error?

                </div>
                    <div class="separator"></div><p class="floatRight red">150 €</p><p>Vorher/Nachher-Leistungsprüfung auf MAHA-Allrad-Prüfstand</p><div class="separator"></div>
                    <h1 class="stepsContact">Vereinbaren Sie mit uns einen Termin und wir machen<br />den Einbau für Sie - problemlos, unkompliziert und maßgeschneidert!</h1>
           
                </div>
                </div>

            </cms:if>
<?php COUCH::invoke(); ?>


I have tried to do it as short as possible - but as mentioned above - its not working. Any advices?
Hi and welcome OBahmann :)

Using cloned-pages, as opposed to using repeatable-regions, for creating Tabs is a perfectly valid approach.

Since I am not conversant with the use-case you are applying the solution on, could you please make it a little easier for me to understand by doing the following?
1. Please post in some screenshots of how the finished page will look like (I am sure you have the HTML/PSD mockup). This will clear up the workflow for me.
2. If you have the HTML ready, do post in the raw markup of the tabs (of course without any Couch tabs fitted in yet).

I am sure we'll sort this problem out.

Thanks.
Hello KK,

thank you for your answer.

1. You can have a look at the functionality of the page at: http://www.rothe-motorsport.de - there you can choose one of the Engines at the first Page - for example: "1.8 T"

At the moment everything you will find there is static HTML that is inserted inside of the index by jQuery. I hope the functionality become clear.

2. HTML is ready - please have a look (example is the engine-type 1.8 T):

Code: Select all
    <div id="content">
   <div id="contentMain">
        <div id="breadCrumb"><a href="index.html">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="Motorumbauten.html" class="contentLink">Motorumbauten</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.8T</div>
        <h1>Motorumbau des 1.8 T</h1>
        <div id="tabs">
          <ul>
            <li><a href="#tabs-1">Basis 150 PS</a></li>
            <li><a href="#tabs-2">Basis 180 PS</a></li>           
            <li><a href="#tabs-3">Basis 210 PS</a></li>
            <li><a href="#tabs-4">Basis 225 PS</a></li>
          </ul>
          <div id="tabs-1">
            <table width="920" border="0" cellspacing="0" cellpadding="0" class="steps">
              <tr class="stepsRow1">
                <td class="stepsColumn1">&nbsp;</td>
                <td class="stepsColumn2" valign="bottom" align="right"><p class="lowerStepBase">Werksangaben</p></td>
                <td class="stepsColumn3" valign="bottom" align="right"><img src="images/Step1.gif" width="75" height="45" alt="Ausbaustufe 1" border="0" /><p class="lowerStep">Ausbaustufe 1</p></td>
                <td class="stepsColumn4" valign="bottom" align="right"><img src="images/Step2.gif" width="75" height="45" alt="Ausbaustufe 2" border="0" /><p class="lowerStep">Ausbaustufe 2</p></td>
                <td class="stepsColumn5" valign="bottom" align="right"><img src="images/Step3.gif" width="75" height="45" alt="Ausbaustufe 3" border="0" /><p class="lowerStep">Ausbaustufe 3</p></td>               
              </tr>
              <tr class="stepsRow2">
                <td class="stepsColumn1">Leistung</td>
                <td class="stepsColumn2" align="right">150 PS</td>
                <td class="stepsColumn3" align="right">185 PS</td>
                <td class="stepsColumn4" align="right">310 PS</td>
                <td class="stepsColumn5" align="right">500 PS</td>               
              </tr>
              <tr class="stepsRow3">
                <td class="stepsColumn1">Drehmoment</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">&nbsp;</td>
                <td class="stepsColumn4" align="right">&nbsp;</td>
                <td class="stepsColumn5" align="right">&nbsp;</td>               
              </tr>
              <tr class="stepsRow4">
                <td class="stepsColumn1" valign="top">Umbauteile</td>
                <td class="stepsColumn2" valign="top" align="right">&nbsp;</td>
                <td class="stepsColumn3" valign="top" align="right"><p>RM Softwareoptimierung</p></td>
                <td class="stepsColumn4" valign="top" align="right"><p>RM Spezial-Turbolader</p><p>RM Krümmer</p><p>RM Hosenrohr</p><p>RM Öl-und Wasserzuläufe</p><p>RM LLK</p><p>RM Druckrohre</p><p>RM Einspritzdüsen</p><p>RM Benzinpumpe</p><p>RM Abgasanlage</p><p>RM Spezial-Zündkerzen</p><p>RM Softwareoptimierung</p></td>
                <td class="stepsColumn5" valign="top" align="right"><p>RM Spezial-Turbolader</p><p>RM  Stoßaufladungs-Krümmer</p><p>RM Hosenrohr</p><p>RM Öl-und Wasserzuläufe</p><p>RM LLK</p><p>RM Druckrohre</p><p>RM Einspritzdüsen</p><p>RM Benzinpumpe</p><p>RM Abgasanlage 76MM</p><p>RM Spezial-Zündkerzen</p><p>RM Softwareoptimierung</p></td>
              </tr>
              <tr class="stepsRow5">
                <td class="stepsColumn1">Leistungsdiagramme<br />(MAHA-Allrad-Prüfstand)</td>
                <td class="stepsColumn2" align="center">&nbsp;</td>
                <td class="stepsColumn3" align="center">&nbsp;</td>
                <td class="stepsColumn4" align="center">&nbsp;</td>
                <td class="stepsColumn5" align="center">&nbsp;</td>               
              </tr>
              <tr class="stepsRow6">
                <td class="stepsColumn1">Preis</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">699 €</td>
                <td class="stepsColumn4" align="right">8.000 €</td>
                <td class="stepsColumn5" align="right">Auf Anfrage.</td>               
              </tr>
              <tr class="stepsRow7">
                <td class="stepsColumn1">Einbau</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">-</td>
                <td class="stepsColumn4" align="right">1.990 €</td>
                <td class="stepsColumn5" align="right">-</td>                               
              </tr>
              <tr class="stepsRow8">
                <td class="stepsColumn1">TÜV</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">180 €</td>
                <td class="stepsColumn4" align="right">-</td>
                <td class="stepsColumn5" align="right">-</td>                               
              </tr>             
            </table>
           </div>
          <div id="tabs-2">
            <table width="920" border="0" cellspacing="0" cellpadding="0" class="steps">
              <tr class="stepsRow1">
                <td class="stepsColumn1">&nbsp;</td>
                <td class="stepsColumn2" valign="bottom" align="right"><p class="lowerStepBase">Werksangaben</p></td>
                <td class="stepsColumn3" valign="bottom" align="right"><img src="images/Step1.gif" width="75" height="45" alt="Ausbaustufe 1" border="0" /><p class="lowerStep">Ausbaustufe 1</p></td>
                <td class="stepsColumn4" valign="bottom" align="right"><img src="images/Step2.gif" width="75" height="45" alt="Ausbaustufe 2" border="0" /><p class="lowerStep">Ausbaustufe 2</p></td>
                <td class="stepsColumn5" valign="bottom" align="right"><img src="images/Step3.gif" width="75" height="45" alt="Ausbaustufe 3" border="0" /><p class="lowerStep">Ausbaustufe 3</p></td>                               
              </tr>
              <tr class="stepsRow2">
                <td class="stepsColumn1">Leistung</td>
                <td class="stepsColumn2" align="right">180 PS</td>
                <td class="stepsColumn3" align="right">195 PS</td>
                <td class="stepsColumn4" align="right">310 PS</td>
                <td class="stepsColumn5" align="right">500 PS</td>                 
              </tr>
              <tr class="stepsRow3">
                <td class="stepsColumn1">Drehmoment</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">&nbsp;</td>
                <td class="stepsColumn4" align="right">&nbsp;</td>
                <td class="stepsColumn5" align="right">&nbsp;</td>               
              </tr>
              <tr class="stepsRow4">
                <td class="stepsColumn1" valign="top">Umbauteile</td>
                <td class="stepsColumn2" valign="top" align="right">&nbsp;</td>
                <td class="stepsColumn3" valign="top" align="right"><p>RM Softwareoptimierung</p></td>
                <td class="stepsColumn4" valign="top" align="right"><p>RM Spezial-Turbolader</p><p>RM Krümmer</p><p>RM Hosenrohr</p><p>RM Öl-und Wasserzuläufe</p><p>RM LLK</p><p>RM Druckrohre</p><p>RM Einspritzdüsen</p><p>RM Benzinpumpe</p><p>RM Abgasanlage</p><p>RM Spezial-Zündkerzen</p><p>RM Softwareoptimierung</p></td>
                <td class="stepsColumn5" valign="top" align="right"><p>RM Spezial-Turbolader</p><p>RM  Stoßaufladungs-Krümmer</p><p>RM Hosenrohr</p><p>RM Öl-und Wasserzuläufe</p><p>RM LLK</p><p>RM Druckrohre</p><p>RM Einspritzdüsen</p><p>RM Benzinpumpe</p><p>RM Abgasanlage 76MM</p><p>RM Spezial-Zündkerzen</p><p>RM Softwareoptimierung</p></td>               
              </tr>
              <tr class="stepsRow5">
                <td class="stepsColumn1">Leistungsdiagramme<br />(MAHA-Allrad-Prüfstand)</td>
                <td class="stepsColumn2" align="center">&nbsp;</td>
                <td class="stepsColumn3" align="center">&nbsp;</td>
                <td class="stepsColumn4" align="center">&nbsp;</td>
                <td class="stepsColumn5" align="center">&nbsp;</td>               
              </tr>
              <tr class="stepsRow6">
                <td class="stepsColumn1">Preis</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">699 €</td>
                <td class="stepsColumn4" align="right">8.000 €</td>
                <td class="stepsColumn5" align="right">Auf Anfrage.</td>               
              </tr>
              <tr class="stepsRow7">
                <td class="stepsColumn1">Einbau</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">-</td>
                <td class="stepsColumn4" align="right">1.990 €</td>
                <td class="stepsColumn5" align="right">-</td>                 
              </tr>
              <tr class="stepsRow8">
                <td class="stepsColumn1">TÜV</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">180 €</td>
                <td class="stepsColumn4" align="right">-</td>
                <td class="stepsColumn5" align="right">-</td>                 
              </tr>             
            </table>
           </div>           
            <div id="tabs-3">
            <table width="920" border="0" cellspacing="0" cellpadding="0" class="steps">
              <tr class="stepsRow1">
                <td class="stepsColumn1">&nbsp;</td>
                <td class="stepsColumn2" valign="bottom" align="right"><p class="lowerStepBase">Werksangaben</p></td>
                <td class="stepsColumn3" valign="bottom" align="right"><img src="images/Step1.gif" width="75" height="45" alt="Ausbaustufe 1" border="0" /><p class="lowerStep">Ausbaustufe 1</p></td>
                <td class="stepsColumn4" valign="bottom" align="right"><img src="images/Step2.gif" width="75" height="45" alt="Ausbaustufe 2" border="0" /><p class="lowerStep">Ausbaustufe 2</p></td>
                <td class="stepsColumn5" valign="bottom" align="right"><img src="images/Step3.gif" width="75" height="45" alt="Ausbaustufe 3" border="0" /><p class="lowerStep">Ausbaustufe 3</p></td>                               
              </tr>
              <tr class="stepsRow2">
                <td class="stepsColumn1">Leistung</td>
                <td class="stepsColumn2" align="right">210 PS</td>
                <td class="stepsColumn3" align="right">250 PS</td>
                <td class="stepsColumn4" align="right">310 PS</td>
                <td class="stepsColumn5" align="right">500 PS</td>                 
              </tr>
              <tr class="stepsRow3">
                <td class="stepsColumn1">Drehmoment</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">&nbsp;</td>
                <td class="stepsColumn4" align="right">&nbsp;</td>
                <td class="stepsColumn5" align="right">&nbsp;</td>               
              </tr>
              <tr class="stepsRow4">
                <td class="stepsColumn1" valign="top">Umbauteile</td>
                <td class="stepsColumn2" valign="top" align="right">&nbsp;</td>
                <td class="stepsColumn3" valign="top" align="right"><p>RM Softwareoptimierung</p></td>
                <td class="stepsColumn4" valign="top" align="right"><p>RM Spezial-Turbolader</p><p>RM Krümmer</p><p>RM Hosenrohr</p><p>RM Öl-und Wasserzuläufe</p><p>RM LLK</p><p>RM Druckrohre</p><p>RM Einspritzdüsen</p><p>RM Benzinpumpe</p><p>RM Abgasanlage</p><p>RM Spezial-Zündkerzen</p><p>RM Softwareoptimierung</p></td>
                <td class="stepsColumn5" valign="top" align="right"><p>RM Spezial-Turbolader</p><p>RM  Stoßaufladungs-Krümmer</p><p>RM Hosenrohr</p><p>RM Öl-und Wasserzuläufe</p><p>RM LLK</p><p>RM Druckrohre</p><p>RM Einspritzdüsen</p><p>RM Benzinpumpe</p><p>RM Abgasanlage 76MM</p><p>RM Spezial-Zündkerzen</p><p>RM Softwareoptimierung</p></td>                 
              </tr>
              <tr class="stepsRow5">
                <td class="stepsColumn1">Leistungsdiagramme<br />(MAHA-Allrad-Prüfstand)</td>
                <td class="stepsColumn2" align="center">&nbsp;</td>
                <td class="stepsColumn3" align="center">&nbsp;</td>
                <td class="stepsColumn4" align="center">&nbsp;</td>
                <td class="stepsColumn5" align="center">&nbsp;</td>               
              </tr>
              <tr class="stepsRow6">
                <td class="stepsColumn1">Preis</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">699 €</td>
                <td class="stepsColumn4" align="right">8.000 €</td>
                <td class="stepsColumn5" align="right">Auf Anfrage.</td>               
              </tr>
              <tr class="stepsRow7">
                <td class="stepsColumn1">Einbau</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">-</td>
                <td class="stepsColumn4" align="right">1.990 €</td>
                <td class="stepsColumn5" align="right">-</td>                 
              </tr>
              <tr class="stepsRow8">
                <td class="stepsColumn1">TÜV</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">180 €</td>
                <td class="stepsColumn4" align="right">-</td>
                <td class="stepsColumn5" align="right">-</td>                 
              </tr>             
            </table>
           </div>
            <div id="tabs-4">
            <table width="920" border="0" cellspacing="0" cellpadding="0" class="steps">
              <tr class="stepsRow1">
                <td class="stepsColumn1">&nbsp;</td>
                <td class="stepsColumn2" valign="bottom" align="right"><p class="lowerStepBase">Werksangaben</p></td>
                <td class="stepsColumn3" valign="bottom" align="right"><img src="images/Step1.gif" width="75" height="45" alt="Ausbaustufe 1" border="0" /><p class="lowerStep">Ausbaustufe 1</p></td>
                <td class="stepsColumn4" valign="bottom" align="right"><img src="images/Step2.gif" width="75" height="45" alt="Ausbaustufe 2" border="0" /><p class="lowerStep">Ausbaustufe 2</p></td>
                <td class="stepsColumn5" valign="bottom" align="right"><img src="images/Step3.gif" width="75" height="45" alt="Ausbaustufe 3" border="0" /><p class="lowerStep">Ausbaustufe 3</p></td>                               
              </tr>
              <tr class="stepsRow2">
                <td class="stepsColumn1">Leistung</td>
                <td class="stepsColumn2" align="right">225 PS</td>
                <td class="stepsColumn3" align="right">255 PS</td>
                <td class="stepsColumn4" align="right">310 PS</td>
                <td class="stepsColumn5" align="right">500 PS</td>                 
              </tr>
              <tr class="stepsRow3">
                <td class="stepsColumn1">Drehmoment</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">&nbsp;</td>
                <td class="stepsColumn4" align="right">&nbsp;</td>
                <td class="stepsColumn5" align="right">&nbsp;</td>               
              </tr>
              <tr class="stepsRow4">
                <td class="stepsColumn1" valign="top">Umbauteile</td>
                <td class="stepsColumn2" valign="top" align="right">&nbsp;</td>
                <td class="stepsColumn3" valign="top" align="right"><p>RM Softwareoptimierung</p></td>
                <td class="stepsColumn4" valign="top" align="right"><p>RM Spezial-Turbolader</p><p>RM Krümmer</p><p>RM Hosenrohr</p><p>RM Öl-und Wasserzuläufe</p><p>RM LLK</p><p>RM Druckrohre</p><p>RM Einspritzdüsen</p><p>RM Benzinpumpe</p><p>RM Abgasanlage</p><p>RM Spezial-Zündkerzen</p><p>RM Softwareoptimierung</p></td>
                <td class="stepsColumn5" valign="top" align="right"><p>RM Spezial-Turbolader</p><p>RM  Stoßaufladungs-Krümmer</p><p>RM Hosenrohr</p><p>RM Öl-und Wasserzuläufe</p><p>RM LLK</p><p>RM Druckrohre</p><p>RM Einspritzdüsen</p><p>RM Benzinpumpe</p><p>RM Abgasanlage 76MM</p><p>RM Spezial-Zündkerzen</p><p>RM Softwareoptimierung</p></td>               
              </tr>
              <tr class="stepsRow5">
                <td class="stepsColumn1">Leistungsdiagramme<br />(MAHA-Allrad-Prüfstand)</td>
                <td class="stepsColumn2" align="center">&nbsp;</td>
                <td class="stepsColumn3" align="center">&nbsp;</td>
                <td class="stepsColumn4" align="center">&nbsp;</td>
                <td class="stepsColumn5" align="center">&nbsp;</td>               
              </tr>
              <tr class="stepsRow6">
                <td class="stepsColumn1">Preis</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">699 €</td>
                <td class="stepsColumn4" align="right">8.000 €</td>
                <td class="stepsColumn5" align="right">Auf Anfrage.</td>               
              </tr>
              <tr class="stepsRow7">
                <td class="stepsColumn1">Einbau</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">-</td>
                <td class="stepsColumn4" align="right">1.990 €</td>
                <td class="stepsColumn5" align="right">-</td>                 
              </tr>
              <tr class="stepsRow8">
                <td class="stepsColumn1">TÜV</td>
                <td class="stepsColumn2" align="right">&nbsp;</td>
                <td class="stepsColumn3" align="right">180 €</td>
                <td class="stepsColumn4" align="right">-</td>
                <td class="stepsColumn5" align="right">-</td>                 
              </tr>             
            </table>
           </div>
           <div class="separator"></div><p class="floatRight red">150 €</p><p>Vorher/Nachher-Leistungsprüfung auf MAHA-Allrad-Prüfstand</p><div class="separator"></div>
<h1 class="stepsContact">Vereinbaren Sie mit uns einen Termin und wir machen<br />den Einbau für Sie - problemlos, unkompliziert und maßgeschneidert!</h1>

   </div>
    </div>


I thought about the types of engines as folders and the different bases for every engine as pages inside these folders.

<div id="tabs-x">...</div> is the part that should be a page.

Everything around these tags should be part of the folder (type of engine):
<h1>Motorumbau des 1.8 T</h1> - should contain the title of the folder

<li><a href="#tabs-1">Basis 150 PS</a></li> should contain the edited ID in the admin panel of the page and the title of the pages - thats the tab-navigation.

Everything else in the tables should be editable for every page.

I hope you understand my case. I thank you very much in advance!

Greetings from Berlin,
OBahmann
Hi,

Just to keep things in perspective, following is what is desired -
this is the listing of engine-types (where each item is actually a folder)
eng0.png
eng0.png (14.89 KiB) Viewed 3286 times

Clicking on any of the links above will lead the folder-view where each child page of the folder will appear as a tab (so in the following image there are 4 pages in the folder being visited)
eng1.png
eng1.png (19.22 KiB) Viewed 3286 times


Ok, so OBahmann, the folder listing is straightforward -
Code: Select all
<ul>
<cms:folders depth='1' orderby='weight'>
    <li><a href="<cms:show k_folder_link />"><cms:show k_folder_title /></a></li>
</cms:folders>
</ul>


It is the folder-view that must be bothering you.
Please allow me to pare down the HTML code to show only the relevant part which now becomes -
Code: Select all
<div id="contentMain">
    <h1>Motorumbau des 1.8 T</h1>
    <div id="tabs">
        <!-- tabs heading -->
        <ul>
            <li><a href="#tabs-1">Basis 150 PS</a></li>
            <li><a href="#tabs-2">Basis 180 PS</a></li>           
        </ul>

        <!-- tabs contents -->
        <div id="tabs-1">
            <table width="920" border="0" cellspacing="0" cellpadding="0" class="steps">
                ...
            </table>
        </div>

        <div id="tabs-2">
            <table width="920" border="0" cellspacing="0" cellpadding="0" class="steps">
                ...
            </table>
        </div>           

    </div>
</div>

In the code above, we are assuming there are only 2 pages (so only 2 tab-heads and 2 tab- panels).

Th first thing to do would be to wrap the code within a conditional so that it executes only in a folder-view. The code now becomes -
Code: Select all
<!-- folder view -->
<cms:if k_is_folder>
    <div id="contentMain">
        <h1><cms:show k_folder_title /></h1>
        <div id="tabs">
            <!-- tabs heading -->
            <ul>
                <li><a href="#tabs-1">Basis 150 PS</a></li>
                <li><a href="#tabs-2">Basis 180 PS</a></li>           
            </ul>

            <!-- tabs contents -->
            <div id="tabs-1">
                <table width="920" border="0" cellspacing="0" cellpadding="0" class="steps">
                    ...
                </table>
            </div>

            <div id="tabs-2">
                <table width="920" border="0" cellspacing="0" cellpadding="0" class="steps">
                    ...
                </table>
            </div>           

        </div>
    </div>
</cms:if>

We can now use the regular cms:pages tag to loop through the pages contained within the folder being visited. Please note that we'll have to use the cms:pages loop twice - once to generate the tab-heads and once again to generate the tab-panels.

We follow the standard practice of isolating a single element that needs to be repeated and then wrapping it around by the cms:pages tag.
Our revised code -
Code: Select all
<!-- folder view -->
<cms:if k_is_folder>
    <div id="contentMain">
        <h1><cms:show k_folder_title /></h1>
        <div id="tabs">
            <!-- tabs heading -->
            <ul>
            <cms:pages folder=k_folder_name >
                <li><a href="#tabs-<cms:show k_count />">Basis 150 PS</a></li>
            </cms:pages>   
            </ul>

            <!-- tabs contents -->
            <cms:pages folder=k_folder_name >
            <div id="tabs-<cms:show k_count />">
                <table width="920" border="0" cellspacing="0" cellpadding="0" class="steps">
                    ... <!-- all contents of page available here -->
                </table>
            </div>
            </cms:pages>   
        </div>
    </div>
</cms:if>

And that should be it. I am sure you'll manage to define the required editable regions and use them in the tables.

Hope this helps :)
Hallo again,

KK, you are my hero :D. Thank you very much for your help!

Everything works fine and the content appears as expected.

One last question - is it possible to show only 4 folder_names per li-element in the ul on the index page dynamically? - Otherwise i can set a static-link to the appropriate folder.

It will be a pleasure to pay for this cms!

Thank you again and greetings from Berlin,
OBahmann.
You are welcome, OBahmann :)
Glad to be of help.

Replying to your query,
I am afraid, unlike with 'pages', there is no straight-froward way of limiting the number of folders shown - it can be done using counters etc but if coding the list statically is an option I think I'll go for it.

Please remember to use cms:link tag to output the folder's link as this would take care of prettyURLs.

Thanks.
Hello Couchies, hello KK,

there is one little thing iam not finding the right solution. I got everything integrated and every page is dynamically now.

But on every page there is an <h1> and some additions listed in the bottom-part.

Code: Select all
<div class="separator"></div>
<p class="floatRight red">150 €</p><p>Vorher/Nachher-Leistungsprüfung auf MAHA-Allrad-Prüfstand</p>
<div class="separator"></div>
<h1 class="stepsContact">Vereinbaren Sie mit uns einen Termin und wir machen<br />den Einbau für Sie - problemlos, unkompliziert und maßgeschneidert!</h1>


Is there a possibility to edit them in general for every folder and NOT page by page?

I couldn´t find a possibility to edit them folder-wise. Not in every folder it´s the same (so i cant code it in static HTML) - sometimes there are some more additions to add ...

example: engine-type 5.2 FSI V10 in comparison to any other type on http://www.rothe-motorsport.de

Folder by Folder within the solutions we´ve found would be perfect.

Any advices?

Thanks in advance,
OBahmann.
There can two solutions -

1. Use a 'global template' (http://www.couchcms.com/docs/tutorials/ ... -ends.html) to hold values for all the folders.

2. Edit and save the values in the description field you get with every folder (edit any folder in admin-panel and you'll see it). TIP: Place a cms:dump tag in your template to see which variable holds the description.

Hope this helps.
Thank you very much!!!

Ive done it the "global template" way and integrated it inside of the page template. Its working now.

But all my attemps to solve my folder problem within the page-template are still part of the page in the admin panel.

Is there a cache-problem with clonable pages?

There is no equivalent inside of the template remaining and I've tried to reload everything but it won't disappear.

Do i have to delete it in the db?

Greetings,
OBahmann

*edit* I've deleted them inside the db and they are gone :).
9 posts Page 1 of 1
cron