Slider einsetzen, nur auf Startseite wenn möglich

[Cokit]

Hallo mal wieder,
ich möchte einen Slider im Header auf der Startseite einbinden, Ihr könnt mir bestimmt einen Tipp geben, wie ich ihn dahin bekomme
habe erstmal den Slider in einer HTML Seite eingebunden, die dazugehörigen Dateien unter (/templates/xtc5/module/)  abgelegt und die Dazugehörige URL heißt, navislider1.html - ich bin wiedermal für jeden guten Ratschlag dankbar.

VG Cokit

Linkback: https://www.modified-shop.org/forum/index.php?topic=16388.0

[h-h-h]

Einfach in die "main_content.html" einfügen oder in der "index.html" an der Stelle wo sich {$BANNER} befindet einfügen.

Gruß h-h-h

[Cokit]

ok das heisst - ich nehme die "index.html" und setze dort einfach den Slider rein? und verknüpfe die jeweiligen Links zu js css mootols etc.

ok
möchte nur nichts zerschiessen - bin doch php dummi.

Vielen dank erstmal
cokit

[Cokit]

das ist das ergebnis, welches ich bestimmt durch unwissenheit erreicht habe:

Code: PHP  [Auswählen]

Fatal error: Smarty error: [in xtc5/index.html line 127]: syntax error: unrecognized tag: fxObject:{ transition:Fx.Transitions.Quad.easeInOut, duration:800 (Smarty_Compiler.class.php, line 446) in /homepages/44/d353960240/htdocs/iricon/datenbank/includes/classes/Smarty_2.6.26/Smarty.class.php on line 1097

was ist zu tun?

TX Cokit

[h-h-h]

Um alle Javascripte im Template musst Du ein {literal} hier Dein Script {/literal} machen, damit Smarty die geschweiften Klammern nicht verarbeitet.

Gruß h-h-h

[Cokit]

habe das es gemacht - aber es ist etwas besser geworden darum gehe ich davon aus das ich nur noch ein paar kleine fehler habe. 
hier mal die "index":

Code: PHP  [Auswählen]

<link rel="stylesheet" type="text/css" href="module/css/layout.css" />
<link rel="stylesheet" type="text/css" href="module/css/style.css" />
<script language="javascript" type="text/javascript" src="module/js/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript" src="module/js/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="module/js/lofslidernews.mt12.js"></script>

{config_load file="$language/lang_$language.conf" section="index"}
<div id="wrap">
    <div id="header">
       <!-- <div id="logo"><img src="{$tpl_path}img/spacer.gif" width="400" alt="{$store_name}" /></div> -->
        <div id="search">{$box_SEARCH}</div>
<!------------------------------------- THE CONTENT ------------------------------------------------->

<div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT -->
  <div class="lof-main-wapper">
                <div class="lof-main-item">
                  <img src="images/791902news3.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
          <h3><a target="_parent" title="Newsflash 2" href="#">Newsflash 2</a></h3>

                <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...</p>
          </div>
    </div>
       <div class="lof-main-item">
                <img src="images/435576news10.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
    <h3><a target="_parent" title="Newsflash 1" href="#">Newsflash 1</a></h3>
                <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...</p>

         </div>
        </div>
       <div class="lof-main-item">
                <img src="images/641906img1.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
    <h3><a target="_parent" title="Newsflash 3" href="#">Newsflash 3</a></h3>
                <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...</p>
             </div>
        </div>
        <div class="lof-main-item">

                <img src="images/284811img2.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
    <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
             </div>
        </div>
       
        <div class="lof-main-item">

                <img src="images/416719news7.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
    <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
             </div>
        </div>
        <div class="lof-main-item">

                <img src="images/435576news10.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
    <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
             </div>
        </div>
               
  </div>
  <!-- END MAIN CONTENT -->
    <!-- NAVIGATOR -->

  <div class="lof-navigator-outer">
                <ul class="lof-navigator">
            <li>
                <div>
                        <img src="images/lofthumbs/791902news3.jpg" />
                        <h3> NewsFlash 1 </h3>
                        <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu...
                </div>    
            </li>
             <li>
                <div>
                        <img src="images/lofthumbs/435576news10.jpg" />
                        <h3> NewsFlash 2 </h3>
                        <span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>    
            </li>

            <li>
                <div>
                    <img src="images/lofthumbs/641906img1.jpg" />
                    <h3> NewsFlash 3 </h3>
                        <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>    
            </li>
           
           <li>
                        <div>
                    <img src="images/lofthumbs/416719news7.jpg" />
                    <h3> NewsFlash 4</h3>
                    <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>
            </li>    
            <li>
                         <div>
                        <img src="images/lofthumbs/641906img1.jpg" />
                        <h3> NewsFlash 5</h3>
                        <span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                 </div>  
            </li>
           <li>
                        <div>
                    <img src="images/lofthumbs/416719news7.jpg" />
                    <h3> NewsFlash 6</h3>
                        <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>
            </li>              
        </ul>
  </div>
 </div> {literal}
<script type="text/javascript">
        var _lofmain =  $('lofslidecontent45');
        var _lofscmain = _lofmain.getElement('.lof-main-wapper');
        var _lofnavigator = _lofmain.getElement('.lof-navigator-outer .lof-navigator');
        var object = new LofFlashContent( _lofscmain,
                                                                          _lofnavigator,
                                                                          _lofmain.getElement('.lof-navigator-outer'),
                                                                          { fxObject:{ transition:Fx.Transitions.Quad.easeInOut,  duration:800},
                                                                                 interval:6000,
                                                                                 direction :'hrleft' } );
        object.start( true, _lofmain.getElement('.preload') );
</script>{/literal}

<!------------------------------------- END OF THE CONTENT ------------------------------------------------->

    </div>
    <div id="topmenuwrap">
        <ul id="topmenu">
            <li><a href="{$index}">{#link_index#}</a></li>
            <li><a href="{$cart}">{#link_cart#}</a></li>
            {if $account}
            <li><a href="{$account}">{#link_account#}</a></li>
            {/if}
            {if $smarty.session.customers_status.customers_status_id == '1'}            
            <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>            
            {/if}
            <li><a href="{$checkout}">{#link_checkout#}</a></li>
            {if $smarty.session.customer_id}
            <li><a href="{$logoff}">{#link_logoff#}</a></li>
            {else}
            <li><a href="{$login}">{#link_login#}</a></li>
            {/if}
        </ul>
        <div id="languages">{$box_LANGUAGES}</div>
    </div>
    <div id="breadcrumb">{$navtrail}</div>
    <div id="contentwrap"> {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
        <div id="leftcol">{$box_CATEGORIES}{$box_ADD_QUICKIE}{$box_CONTENT}{$box_INFORMATION}{$box_LAST_VIEWED}{$box_REVIEWS}{$box_SPECIALS}{$box_WHATSNEW}</div>
        {/if}
        <div
                {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
                        id="content"
                {else}
                {/if}
                 >
        {if strstr ($smarty.server.PHP_SELF, 'index')}
            {if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
                 {if $BANNER}{$BANNER}{/if}
           {/if}
        {/if}
        {$main_content}</div>
    {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
    <div id="rightcol">{$box_CART}{$box_LOGIN}{$box_ADMIN}{$box_NEWSLETTER}{$box_BESTSELLERS}{$box_INFOBOX}{$box_CURRENCIES}{$box_MANUFACTURERS_INFO}{$box_MANUFACTURERS}</div>
    {/if} </div>
<p class="footer">{$smarty.const.TITLE} &copy; {$smarty.now|date_format:"%Y"} | Template &copy; 2009 by modified eCommerce Shopsoftware eCommerce Shopsoftware</p>
</div>

muss ich vieleicht die links ändern???

VG Cokit

[Cokit]

Habe es nochmals versucht um den Links einen kurzen weg zu geben - aber es hat nichts genutzt - mir fehlt das wissen und ich werde nicht fündig im Forum, hiiiiiilfe ist echt gefragt - danke.
hier der neue code der "index.html":

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}

<head>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
{literal}
<script language="javascript" type="text/javascript" src="js/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript" src="js/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="js/lofslidernews.mt12.js"></script>
{/literal}
</head>

<div id="wrap">
    <div id="header">
       <!-- <div id="logo"><img src="{$tpl_path}img/spacer.gif" width="400" alt="{$store_name}" /></div> -->
        <div id="search">{$box_SEARCH}</div>
<!------------------------------------- THE CONTENT ------------------------------------------------->

<div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT -->
  <div class="lof-main-wapper">
                <div class="lof-main-item">
                  <img src="images/791902news3.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
          <h3><a target="_parent" title="Newsflash 2" href="#">Newsflash 2</a></h3>

                <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...</p>
          </div>
    </div>
       <div class="lof-main-item">
                <img src="images/435576news10.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
    <h3><a target="_parent" title="Newsflash 1" href="#">Newsflash 1</a></h3>
                <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...</p>

         </div>
        </div>
       <div class="lof-main-item">
                <img src="images/641906img1.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
    <h3><a target="_parent" title="Newsflash 3" href="#">Newsflash 3</a></h3>
                <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...</p>
             </div>
        </div>
        <div class="lof-main-item">

                <img src="images/284811img2.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
    <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
             </div>
        </div>
       
        <div class="lof-main-item">

                <img src="images/416719news7.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
    <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
             </div>
        </div>
        <div class="lof-main-item">

                <img src="images/435576news10.jpg" width="600" height="245" />
<div class="lof-main-item-desc">
    <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
             </div>
        </div>
               
  </div>
  <!-- END MAIN CONTENT -->
    <!-- NAVIGATOR -->

  <div class="lof-navigator-outer">
                <ul class="lof-navigator">
            <li>
                <div>
                        <img src="images/lofthumbs/791902news3.jpg" />
                        <h3> NewsFlash 1 </h3>
                        <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu...
                </div>    
            </li>
             <li>
                <div>
                        <img src="images/lofthumbs/435576news10.jpg" />
                        <h3> NewsFlash 2 </h3>
                        <span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>    
            </li>

            <li>
                <div>
                    <img src="images/lofthumbs/641906img1.jpg" />
                    <h3> NewsFlash 3 </h3>
                        <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>    
            </li>
           
           <li>
                        <div>
                    <img src="images/lofthumbs/416719news7.jpg" />
                    <h3> NewsFlash 4</h3>
                    <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>
            </li>    
            <li>
                         <div>
                        <img src="images/lofthumbs/641906img1.jpg" />
                        <h3> NewsFlash 5</h3>
                        <span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                 </div>  
            </li>
           <li>
                        <div>
                    <img src="images/lofthumbs/416719news7.jpg" />
                    <h3> NewsFlash 6</h3>
                        <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>
            </li>              
        </ul>
  </div>
 </div> {literal}
<script type="text/javascript">
        var _lofmain =  $('lofslidecontent45');
        var _lofscmain = _lofmain.getElement('.lof-main-wapper');
        var _lofnavigator = _lofmain.getElement('.lof-navigator-outer .lof-navigator');
        var object = new LofFlashContent( _lofscmain,
                                                                          _lofnavigator,
                                                                          _lofmain.getElement('.lof-navigator-outer'),
                                                                          { fxObject:{ transition:Fx.Transitions.Quad.easeInOut,  duration:800},
                                                                                 interval:6000,
                                                                                 direction :'hrleft' } );
        object.start( true, _lofmain.getElement('.preload') );
</script>{/literal}

<!------------------------------------- END OF THE CONTENT ------------------------------------------------->

    </div>
    <div id="topmenuwrap">
        <ul id="topmenu">
            <li><a href="{$index}">{#link_index#}</a></li>
            <li><a href="{$cart}">{#link_cart#}</a></li>
            {if $account}
            <li><a href="{$account}">{#link_account#}</a></li>
            {/if}
            {if $smarty.session.customers_status.customers_status_id == '1'}            
            <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>            
            {/if}
            <li><a href="{$checkout}">{#link_checkout#}</a></li>
            {if $smarty.session.customer_id}
            <li><a href="{$logoff}">{#link_logoff#}</a></li>
            {else}
            <li><a href="{$login}">{#link_login#}</a></li>
            {/if}
        </ul>
        <div id="languages">{$box_LANGUAGES}</div>
    </div>
    <div id="breadcrumb">{$navtrail}</div>
    <div id="contentwrap"> {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
        <div id="leftcol">{$box_CATEGORIES}{$box_ADD_QUICKIE}{$box_CONTENT}{$box_INFORMATION}{$box_LAST_VIEWED}{$box_REVIEWS}{$box_SPECIALS}{$box_WHATSNEW}</div>
        {/if}
        <div
                {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
                        id="content"
                {else}
                {/if}
                 >
        {if strstr ($smarty.server.PHP_SELF, 'index')}
            {if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
                 {if $BANNER}{$BANNER}{/if}
           {/if}
        {/if}
        {$main_content}</div>
    {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
    <div id="rightcol">{$box_CART}{$box_LOGIN}{$box_ADMIN}{$box_NEWSLETTER}{$box_BESTSELLERS}{$box_INFOBOX}{$box_CURRENCIES}{$box_MANUFACTURERS_INFO}{$box_MANUFACTURERS}</div>
    {/if} </div>
<p class="footer">{$smarty.const.TITLE} &copy; {$smarty.now|date_format:"%Y"} | Template &copy; 2009 by modified eCommerce Shopsoftware eCommerce Shopsoftware</p>
</div>

[Cokit]

Hallo h-h-h, was mach ich falsch - kannste den Fehler sehen? Danke

[h-h-h]

Sorry, ich möchte und kann hier nicht helfen. Habe nicht viel Zeit muss für einen netten Kunden bis morgen was fertig machen.
Schau Dir mal an wie und wo die CSS/JS Dateien eingebunden werden?!

Einbinden des Nivo-Sliders auf der Startseite

Das ist vermutlich das Beste für Dich.

Gruß h-h-h

[Cokit]

ok - danke Dir trotzdem - Stay True

[Cokit]

Guten Morgen, jetzt geht mir langsam die Luft aus, habe die Ganze Nacht damit verbracht und nur ein Mässiges Ergebniss erreicht , ich kann Ihn sehen - aber nicht wirklich, habe alles so versucht wie ich es verstehe, brauche unbedingt Fachlichen Rat und Hilfe, habe mich hier ma dran orientiert - Einbinden des Nivo-Sliders auf der Startseite - aber irgendwie will er nicht,
die css liegt in der css, das spript hat zwei literaten und ich habe die stelle gewählt wo er hin soll mein Slider, habe die js Dateien in den javascript ordner gelegt in der general.js.php habe ich die anweisungen gepakt - was muss ich noch machen, sorry wer kann mir einen Rat geben den ich auch verstehe,
Vielen dank schon mal - würde auch gern Gegenleistung erbringen in Kreativer weise - vielleicht in PS oder Cinema-oder auch AI - TX Cokit

[jannemann]

Warum machst du daraus nicht eine Jobanfrage? Ist sicherlich nur eine kleine Sache. h-h-h hat schon einen guten Tipp gegeben.

[Cokit]

Moin zu sammen  - ja Janemann, das könnte ich wohl machen, aber ich will lernen, ich schmeiss das ding dann erstmal raus und mach es spähter wieder rein, ich bekomme das schon irgendwie hin - Vielen dank Cokit

[jannemann]

Okay wenn du es selber lernen möchtest musst du so lange frickeln bis es passt.

[Modulfux]

[...] das könnte ich wohl machen, aber ich will lernen, ich schmeiss das ding dann erstmal raus und mach es spähter wieder rein, ich bekomme das schon irgendwie hin [...]

Sorry für das OT, aber das ist irgendwie keine gerade Linie. Es klingt doch nun ganz offensichtlich so, dass wenn du Hilfe bekommen hättest, der Slider drin wäre und nur weil es nun evtl. darum geht, ein wenig Geld locker zu machen, bleibt der Slider draußen.

Jannemann hat schon Recht, daraus eine Jobvergabe zu machen. Dann wird es schnell und kompetent gelöst und fertig ist die Sache. Überlege doch einfach mal deine verlorene Zeit nachzurechnen, die du jetzt mit der Frickelei vergeudet hast.

Ich sag doch auch keinem Maler bei der verpfuschten Renovierung, wenn er mir seine Tipps nicht verrät, dann bleibt die Wand eben so fleckig wie sie ist.

Gruß
Ronny