Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 20. Januar 2012 10:58

sweettigerpunk
kennt CMS/ms
Registriert: 03. Januar 2012
Beiträge: 136

[GELÖST] Coda slider und cms made simple?

Hi,

Ich habe den Coda slider für eine Site verwendet... klappt soweit auch super.
Ich benutze es zusammen mit dem newsmodul, sodass mir pro panel nur 4 news angezeigt werden...

Jetz hab ich aber ein Problem und zwar wenn man dann auf eine News im zB. dritten pannel klickt und die sich öffnet springt er wieder aufs erste Panel... das is natürlich nicht schön sad

Hat jemand nen Ratschlag wie ich das am besten hinbekomme und evtl irgendwie eine Variable übergeben kann die er dann ausliest und auf das entsprechende panel springt?

LG

Offline

#2 21. Januar 2012 21:13

Andynium
Moderator
Ort: Dohna / SN / Deutschland
Registriert: 13. September 2010
Beiträge: 7.018
Webseite

Re: [GELÖST] Coda slider und cms made simple?

Ich weiß ja nicht, wie es den anderen geht, aber mit meiner magischen Kristallkugel kann ich da noch nix sehen wink.

Evtl. solltest du mal hier dein Template posten und angeben, wie du das News-Modul aufrufst ...

Offline

#3 22. Januar 2012 03:18

mike-r
arbeitet mit CMS/ms
Registriert: 21. Dezember 2010
Beiträge: 898
Webseite

Re: [GELÖST] Coda slider und cms made simple?

cyberman schrieb:

Evtl. solltest du mal hier dein Template posten

Seite/Testcase wäre glaube auch einigermassen zielführend.

Beitrag geändert von mike-r (22. Januar 2012 03:18)


Unablässige Tools für's Webdevelopement/ Fehlerfindung: CSS Validierungsservice, Bildschirmlineal, Firebug, Tidy, Deutsche CSS-Referenz

Offline

#4 23. Januar 2012 08:50

sweettigerpunk
kennt CMS/ms
Registriert: 03. Januar 2012
Beiträge: 136

Re: [GELÖST] Coda slider und cms made simple?

Hi,

sorry, hier einmal hinterhergeschoben der code...

layout-template

...
<div id="newsslider" class="coda-slider-wrapper">
                	<h2>Produktnews</h2>
                	<div id="slider" class="coda-slider preload">
                    	{news category="Produktnews" summarytemplate="unterseite-promi"}
                    </div>
                    <div id="coda-nav-left-1" class="coda-nav-left">
                    	<a href="#" title="Slide left">Zurück</a>
                    </div>
                    <div id="coda-nav-right-1" class="coda-nav-right">
                    	<a href="#" title="Slide right">Weiter</a>
                    </div>
                    <div style="clear:both;"></div>
                </div>
...

news summarytemplate

{foreach from=$items item=entry name=zahl}
{foreach from=$cats item=node}
{if $node.count > 0}
{if $node.news_category_name ==$entry->category}
{if $smarty.foreach.zahl.index is div by 4 or $smarty.foreach.zahl.index==0}
<div class="panel">
{/if}
<div class="newseintrag">
<div class="headline">
{if $entry->postdate}
		<small>{$entry->postdate|cms_date_format}</small><br/>
<a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}">{$entry->title|cms_escape}</a>
{/if}
</div>
</div>
{if $smarty.foreach.zahl.iteration is div by 4}
</div>
{/if}

{/if}
{/if}

{/foreach}
{/foreach}
</div>

und das detailtemplate

<div id="zusatzinfo">
	<h2>Zusätzliche Infos</h2>
{if isset($entry->fields)}

  {foreach from=$entry->fields item='field'}
     
        {if $field->type == 'file'}
	  {* this template assumes that every file uploaded is an image of some sort, because News doesn't distinguish *}
          <!--img src="{$entry->file_location}/{$field->value}"/-->
        {else}
          <!--{$field->name}:&nbsp;{eval var=$field->value}-->


                    {if $field->name eq Titel1}
                        <div id="hagel"><small>{$field->value}</small><br />
                    {/if}
                    {if $field->name == Url1}
                         <a href="http://{$field->value}">auf Hagelshop.de einkaufen</a></div>
                    {/if}

          {/if}
    {/foreach}

     <div id="social-media"><small>Social Media</small><br /> <a href="#">deinen Freuden zeigen</a></div>


      {foreach from=$entry->fields item='field'}
              {if $field->type == 'file'}{else}

                      {if $field->name == Titel2}
                         <div class="website"><small>{$field->value}</small><br />
                      {/if}

                      {if $field->name == Url2}
                      <a href="http://{$field->value}">{$field->value}</a></div>
                      {/if}

                       {if $field->name == Titel3}
                       <div class="website"><small>{$field->value}</small><br />
                       {/if}

                       {if $field->name == Url3}
                         <a href="http://{$field->value}">{$field->value}</a></div>
                        {/if}

                {/if}
     {/foreach}


{/if}
                </div>

<!-- Hier wird #aside zugemacht -->
            </div>

            <div id="inhalt">
           
{if isset($entry->canonical)}
  {assign var='canonical' value=$entry->canonical}
{/if}

<h2>{$entry->title|cms_escape:htmlall}</h3>

{if isset($entry->fields)}
  {foreach from=$entry->fields item='field'}
     <div class="NewsDetailField">
        {if $field->type == 'file'}
	 {if $field->name == 'Produkt'}
          <img src="{$entry->file_location}/{$field->value}"/>
        {/if}
        {/if}
     </div>
  {/foreach}
{/if}

{eval var=$entry->content}

{if $entry->extra}
	<div id="NewsPostDetailExtra">
		{$extra_label} {$entry->extra}
	</div>
{/if}

{if $return_url != ""}
<div id="NewsPostDetailReturnLink">{$return_url}{if $category_name != ''} - {$category_link}{/if}</div>
{/if}

            </div>

hoffe einer von euch kann helfen bzw mir nen Rat geben wie ich irgendwie übergeben kann...

Offline

#5 23. Januar 2012 09:00

nockenfell
Moderator
Ort: Gontenschwil, Schweiz
Registriert: 09. November 2010
Beiträge: 2.934
Webseite

Re: [GELÖST] Coda slider und cms made simple?

sweettigerpunk schrieb:

Jetz hab ich aber ein Problem und zwar wenn man dann auf eine News im zB. dritten pannel klickt und die sich öffnet springt er wieder aufs erste Panel... das is natürlich nicht schön sad

Zum Verständis: Das Newsdetail wird innerhalb des Sliders angezeigt oder öffnet sich in einer neuen Seite?


[dieser Beitrag wurde mit 100% recycled bits geschrieben]
Mein Blog  /   Diverse Links rund um CMS Made Simple
Module: btAdminer, ToolBox

Offline

#6 23. Januar 2012 09:08

sweettigerpunk
kennt CMS/ms
Registriert: 03. Januar 2012
Beiträge: 136

Re: [GELÖST] Coda slider und cms made simple?

Hi nockenfell,

nein das newsdwtail ist ausserhalb des sliders...
hier kannst du dir das ganze auch ansehen...

lg

Offline

#7 23. Januar 2012 12:28

nockenfell
Moderator
Ort: Gontenschwil, Schweiz
Registriert: 09. November 2010
Beiträge: 2.934
Webseite

Re: [GELÖST] Coda slider und cms made simple?

Hm, kennt der Coda-Slider einen Startpunkt? Wahrscheinlich schon, da er dies über eine angehängte Klasse oder ID macht.

Du könntest damit z.B. der URL ein ?pos=1 anhängen. Mit Smarty kannst du das als {$marty.get.pos} abfragen und den Code des Sliders entsprechend ergänzen. Wenn du das erste weisst (Startpunkt) kannst du das zweite so lösen.


[dieser Beitrag wurde mit 100% recycled bits geschrieben]
Mein Blog  /   Diverse Links rund um CMS Made Simple
Module: btAdminer, ToolBox

Offline

#8 23. Januar 2012 15:08

NaN
Moderator
Ort: Halle (Saale)
Registriert: 09. November 2010
Beiträge: 4.437

Re: [GELÖST] Coda slider und cms made simple?

Beispiel Nr. 5 auf der Coda-Seite:

$().ready(function() {
    $('#coda-slider-6').codaSlider({
        crossLinking: false,
        firstPanelToLoad: 3
    });
});

Musst im News-Summary-Tempate ein wenig rechnen, um den aktuellen Tab zu ermitteln. Den hängst Du dann an die Detail-URL dran. Im Prinzip musst Du nur den Iterator der foreach-Schleife (also die Nr. des Artikels) durch die Anzahl der Artikel pro Tab teilen und auf die nächste Ganzzahl aufrunden.
In PHP sähe das so aus:

echo ceil($params['iteration'] / $params['articles_per_tab']);

Das einfach als UDT speichern (z.B. als 'get_coda_tab') und im Summary-Template dann so einsetzen:

...
<a href="{$entry->moreurl}?pos={get_coda_tab iteration=$smarty.foreach.zahl.iteration articles_per_tab=4}" ... >
...

Im Head des Seitentemplates, wo Du das Coda-Script hast, kannst Du dann so den Starttab festlegen:

{literal}
$().ready(function() {
	$('#slider').codaSlider({
		firstPanelToLoad: {/literal}{$smarty.get.pos|default:1}{literal}
	});
});
{/literal}

Ich hab das Ganze nicht getestet, aber das Prinzip sollte klar sein, oder?


Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)

Offline

#9 23. Januar 2012 16:51

sweettigerpunk
kennt CMS/ms
Registriert: 03. Januar 2012
Beiträge: 136

Re: [GELÖST] Coda slider und cms made simple?

Hi,

Vielen Dank für eure Tipps, werde das gleich mal ausprobieren smile

lg

Offline

#10 23. Januar 2012 17:32

sweettigerpunk
kennt CMS/ms
Registriert: 03. Januar 2012
Beiträge: 136

Re: [GELÖST] Coda slider und cms made simple?

Sooo, habe es nun ausprobiert...
Leider klappt es nicht ganz, vom verständnis her sollte es auch klappen... allerdings (muss ich) mit pretty urls arbeiten und bekomme das nicht ausgelesen...
vielleicht noch ein anderer Tipp?

lg

Offline

#11 23. Januar 2012 17:45

NaN
Moderator
Ort: Halle (Saale)
Registriert: 09. November 2010
Beiträge: 4.437

Re: [GELÖST] Coda slider und cms made simple?

Kleiner Fehler meinerseits.
Im Link fehlt ein =

... <a href="{$entry->moreurl}?pos={get_coda_tab ...

(hab's im Post korrigiert)

Wer übrigens keine Pretty-URLs verwendet, der muss anstelle des Fragezeichens ein & Zeichen verwenden.


Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)

Offline

#12 24. Januar 2012 12:52

sweettigerpunk
kennt CMS/ms
Registriert: 03. Januar 2012
Beiträge: 136

Re: [GELÖST] Coda slider und cms made simple?

Hallo NaN!
1000 Dank du bist mein Held smile
Klappt perfekt!
lg

Offline