Offen jQuery Social Bar => Hilfe bitte

croissant · 8. Februar 2012

Hallo alle!

ich möchte eine schöne "sticky/floating Bar" auf meinem Shop anlegen.

Ich habe das gekauft: JavaScript - jQuery Social Bar | CodeCanyon



<script type="text/javascript" src="{$currentTemplateDir}js/jquery.dpSocialBar.js"></script>

Initialitation

$(document).ready(function(){
$.dpSocialBar();
});

=> Ich habe den "Initialitation's Code" im footer.tpl (und wollte dann per CSS die Bar positionieren) aber etwas klappt nicht: alle Boxen und der Footer sind weg (weiß)...

Ich habe auch im artikel_inc.tpl probiert (nur um zu testen) aber so klappt es auch nicht => Die ganze Seite ist weg... nichts nur weiß...

Hat jemand eine Idee?

Vielen vielen Dank im Voraus!

Gui

PS: Hier ist die Anleitung die ich bekommen habe:

jQuery Social BarIntroduction

Thank you for purchasing my item. If you have any questions that are beyond the scope of this help file,
please feel free to email via my user page contact form here. Thanks so much!
Included Files & Folders

The following files and folders are included in the package:

o Documentation Folder contains this help file.
o CSS Folder contains the stylesheets.
o CSS/icons Folder contains the images used in this plugin.
o JS Folder contains the javascript files used.

Getting Started
The jQuery Social Bar is a professional and elegant plugin that adds the possibility of show your social
profiles in a sleek and innovative way.

Usage
Simply reference the relevant files at the head of your page like so:


<link rel="stylesheet" href="css/dpSocialBar.css" />


<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>


<script type="text/javascript" src="js/jquery.dpSocialBar.js"></script>

Initialitation
$(document).ready(function(){
$.dpSocialBar();
});

ag-websolutions.de · 8. Februar 2012

AW: jQuery Social Bar => Hilfe bitte

geschweifte Klammer in js-code müssen smarty-konform gesetzt werden

} ==> {rdelim}
{ ==> {ldelim}

ag-websolutions.de · 9. Februar 2012

AW: jQuery Social Bar => Hilfe bitte

ja genau ... noch ein Hinweis

<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>

jQuery selber wird schon vom Shop geladen ... allerdings in einer 1.4er-Version

muss du mal testen, ob diese reicht ... wenn nicht, dann nicht einfach die 1.5er nachladen ... melde dich dann am besten noch mal

croissant · 9. Februar 2012

AW: jQuery Social Bar => Hilfe bitte

uhm.. etwas klappt nicht... Die jQuery Version?

ag-websolutions.de · 9. Februar 2012

AW: jQuery Social Bar => Hilfe bitte

eher nicht....zeig mal den kompletten code deiner footer_custom.tpl

aber bitte in code-tags eingepackt

croissant · 9. Februar 2012

AW: jQuery Social Bar => Hilfe bitte

Code:

{** * @copyright (c) 2006-2010 JTL-Software-GmbH, all rights reserved
 * @author JTL-Software-GmbH (www.jtl-software.de)
 *
 * use is subject to license terms
 * http://jtl-software.de/jtlshop3license.html
 *}


   {if !$bExclusive}
   </div>
      <div id="sidepanel_left">{load_boxes type="left" assign="cBoxLeft"}{eval var=$cBoxLeft}</div>
      <div id="sidepanel_right">{load_boxes type="right" assign="cBoxRight"}{eval var=$cBoxRight}</div>
   </div>
   {/if}
 
   </div>
   <div class="clear"></div>
   
   {if $smarty.now % 10 == 0}
      <img src="includes/cron_inc.php" width="0" height="0" alt="" />
   {/if}
   


   
   {if !$bExclusive}
   <div id="footer_wrapper">      
      {if $Einstellungen.template.general.ext_footer != "Y"}
         <div id="footer" class="page_width {if $Einstellungen.template.general.page_align == 'L'}page_left{else}page_center{/if}">
            <ul class="hlist">
               <li class="p50">
                  <p><small>
                  &copy; {$meta_copyright}
                  {if $smarty.session.Linkgruppen->Fuss}
                     {foreach name=fusslinks from=$smarty.session.Linkgruppen->Fuss->Links item=Link}
                        | <a href="{$Link->URL}"{if $Link->cNoFollow == "Y"} rel="nofollow"{/if} title="{$Link->cLocalizedName[$smarty.session.cISOSprache]}">{$Link->cLocalizedName[$smarty.session.cISOSprache]}</a>
                     {/foreach}
                  {/if}
                  </small></p>
               </li>
               <li class="p50 tright">
                  <p class="jtl">
                     {if $Einstellungen.global.global_fusszeilehinweis|strlen > 0}{$Einstellungen.global.global_fusszeilehinweis}{/if}
                     {if $Einstellungen.global.global_fusszeilehinweis|strlen > 0 && $Einstellungen.global.global_zaehler_anzeigen=="Y"}|{/if}
                     {if $Einstellungen.global.global_zaehler_anzeigen=="Y"}{lang key="counter" section="global"}: {$Besucherzaehler}{/if}
                  </p>
               </li>
            </ul>
         </div>
      {else}
         <div id="footer" class="page_width {if $Einstellungen.template.general.page_align == 'L'}page_left{else}page_center{/if}">
            <ul class="hlist clearall">
               <li class="p20">
                  {if $smarty.session.Linkgruppen->Fuss}
                     <h2>Informationen</h2>
                     <ul class="lnkgroup">
                     {foreach name=fusslinks from=$smarty.session.Linkgruppen->Fuss->Links item=Link}
                        <li><a href="{$Link->URL}"{if $Link->cNoFollow == "Y"} rel="nofollow"{/if} title="{$Link->cLocalizedName[$smarty.session.cISOSprache]}">{$Link->cLocalizedName[$smarty.session.cISOSprache]}</a></li>
                     {/foreach}
                     </ul>
                  {/if}
               </li>
               
               <li class="p20">
                  <h2>{lang key="myAccount"}</h2>
                  <ul class="lnkgroup">
                     <li><a href="jtl.php">{lang key="orderHistory"}</a></li>
                     {if $Einstellungen.global.global_wunschliste_anzeigen == "Y"}
                        <li><a href="jtl.php">{lang key="wishlist"}</a></li>
                     {/if}
                     {*if $Einstellungen.kundenwerbenkunden.kwk_nutzen == "Y"*}
                        <li><a href="jtl.php?KwK=1">{lang key="kwkName" section="login"}</a></li>
                     {*/if*}
                  </ul>
               </li>


               <li class="p25">
                  {if isset($smarty.session.Sprachen) && $smarty.session.Sprachen|@count > 1}
                     <div class="box_plain">
                     <h2>{lang key="selectLanguage"}</h2>
                     <ul class="lnkgroup">
                        {foreach from=$smarty.session.Sprachen item=oSprache}
                           <li><a href="{$oSprache->cURL}" class="link_lang {$oSprache->cISO} {if $oSprache->kSprache == $smarty.session.kSprache}active{/if}">{if $lang == "ger"}{$oSprache->cNameDeutsch}{else}{$oSprache->cNameEnglisch}{/if}</a></li>
                        {/foreach}
                     </ul>
                     </div>
                  {/if}
                  
                  {if isset($smarty.session.Waehrungen) && $smarty.session.Waehrungen|@count > 1}
                     <h2>{lang key="currency"}</h2>
                     <ul class="lnkgroup">
                        <li>
                           {foreach from=$smarty.session.Waehrungen name="waerung" item=oWaehrung}
                              <a href="{$oWaehrung->cURL}">{$oWaehrung->cName}{if !$smarty.foreach.waerung.last} - {/if}</a>
                           {/foreach}
                        </li>
                     </ul>
                  {/if}
                  
                  
               </li>
               
               <li class="p35 right">
                  <div class="footer_box">
                     <h2>{lang key="newsletter" section="newsletter"} {lang key="newsletterSendSubscribe" section="newsletter"}</h2>
                     <form method="post" action="newsletter.php" class="form">
                        <fieldset class="newsletter">
                           <input type="hidden" name="abonnieren" value="1" />
                           <input type="hidden" name="{$session_name}" value="{$session_id}" />
                           <ul class="input_block">
                              <li class="clear">
                                 <input type="text" name="cEmail" id="email" class="placeholder" title="{lang key="emailadress"}" />
                                 <button type="submit" ><span>{lang key="newsletterSendSubscribe" section="newsletter"}</span></button>
                                 <p class="info"><em>*</em> Abmeldung jederzeit möglich</p>
                              </li>
                           </ul>         
                        </fieldset>
                     </form>
                  </div>
                  
                  {if $Einstellungen.global.global_fusszeilehinweis|strlen > 0}
                     <p class="box_info container">
                        {$Einstellungen.global.global_fusszeilehinweis}
                     </p>
                  {/if}
               </li>
               
            </ul>
            
            <div class="master clearall">
               <div class="first">
                  <p>&copy; {$meta_copyright}</p>
                  <p>{if $Einstellungen.global.global_zaehler_anzeigen=="Y"}{lang key="counter" section="global"}: {$Besucherzaehler}{/if}</p>
               </div>
               <div class="last">
                  <p class="jtl">Powered by <a href="http://www.jtl-software.de" title="JTL-Shop3" target="_blank">JTL-Shop3</a></p>
               </div>
            </div>
         </div>
		 
		 
      {/if}
      {if $Einstellungen.global.global_google_analytics_id}
         <script type="text/javascript">
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', '{$Einstellungen.global.global_google_analytics_id}']);
            _gaq.push(['_gat._anonymizeIp']);
            _gaq.push(['_trackPageview']);


            (function() {ldelim}
               var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
               ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
               var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            {rdelim})();


            {if $Bestellung->kBestellung > 0 && $nSeitenTyp == 33 && $Einstellungen.global.global_google_ecommerce == 1}
               _gaq.push(['_addTrans',
                  '{$Bestellung->cBestellNr}', 
                  '{if $Einstellungen.global.global_shopname}{$Einstellungen.global.global_shopname}{else}{$Firma->cName}{/if}', 
                  '{$Bestellung->fWarensummeNetto}', 
                  '{$Bestellung->fSteuern}', 
                  '{$Bestellung->fVersandNetto}', 
                  '{$smarty.session.Kunde->cOrt}',
                  '{$smarty.session.Kunde->cBundesland}',
                  '{$smarty.session.Kunde->cLand}'
               ]);


               {foreach name=Bestell item=order from=$Bestellung->Positionen} 
                  {if $order->nPosTyp == 1} 
                     _gaq.push(['_addItem',
                        '{$Bestellung->cBestellNr}',
                        '{$order->cArtNr}',
                        '{$order->cName}',
                        '{$order->Category}',
                        '{$order->fPreis}',
                        '{$order->nAnzahl|replace:",":"."}'
                     ]);
                  {/if} 
               {/foreach} 
               
               _gaq.push(['_trackTrans']);
            {/if}
         </script>
      {/if}
   </div>
   {/if}
{if !$bExclusive}
</div>




$(document).ready(function(){ldelim}
$.dpSocialBar();
{rdelim});




{/if}
<!-- time: {$nZeitGebraucht|truncate:6:''} seconds -->




</body>
</html>

ag-websolutions.de · 9. Februar 2012

AW: jQuery Social Bar => Hilfe bitte

su musst das ganze schon mit sauberer sytax schreiben

alt:

Code:

$(document).ready(function(){ldelim} $.dpSocialBar(); {rdelim});

neu:

Code:

<script type="text/javascript"> 
$(document).ready(function(){ldelim} $.dpSocialBar(); {rdelim});
</script>

Zillis-Web · 9. Februar 2012

AW: jQuery Social Bar => Hilfe bitte

<script type="text/javascript">
$(document).ready(function(){ldelim} $.dpSocialBar(); {rdelim}); </script>

wohl eher so, ohne >script...> weiß das System ja nicht, dass da noch JS zu laden ist.

Zillis-Web · 9. Februar 2012

AW: jQuery Social Bar => Hilfe bitte

habe ich jetzt 7 min. für die Zeilen gebraucht, man bin ich langsam?

ag-websolutions.de · 9. Februar 2012

AW: jQuery Social Bar => Hilfe bitte

ts ts ts...Uwe ... bist halt nicht mehr der jüngste

croissant · 12. Februar 2012

AW: jQuery Social Bar => Hilfe bitte

danke danke danke für die Hilfe!

dfluess · 4. September 2013

AW: jQuery Social Bar => Hilfe bitte

Hallo Leute,

ich habe ein ähnliches Probem und verstehe den Sytax nicht richtg. Bei mir kommt hinzu, dass innerhalb des JScripts trotzdem Smarty Variablen ersetzten sollen.
Ich übergebe im Beispiel aus der WaWi Attribute für Pfadangaben. Kann mir jemand bitte mit dem {ldelim} {rdelim} helfen?
{literal} verhindert komplett die übergabe der Variablen.

Danke im voraus!

PHP:

{foreach name=Attribute from=$Artikel->Attribute item=Attribut}
{if $Attribut->cName == '3d'}

{literal} 
<script type="text/javascript">
	window.onload = function () {
		jQuery('#Frame').animate360 ({
			centerInWindow: true,
			xmlPath: '/{$Attribut->cName}/{$Attribut->cWert}/',
			objPath: '/{$Attribut->cName}/{$Attribut->cWert}/Images/',
			iconPath: '/{$Attribut->cName}/{$Attribut->cWert}/HTML5/Images/'
		});
	};
</script> 
{/literal}

	<a href="/{$Attribut->cName}/{$Attribut->cWert}/Preview.html">3D Ansicht</a>
{/if}
{/foreach}

casim · 4. September 2013

AW: jQuery Social Bar => Hilfe bitte

Code:

[COLOR=#000000][COLOR=#0000bb][/COLOR][FONT=Courier New][COLOR=#007700]{foreach [/COLOR][COLOR=#0000bb]name[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]Attribute from[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]$Artikel[/COLOR][COLOR=#007700]->[/COLOR][COLOR=#0000bb]Attribute item[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]Attribut[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]} 
{if [/COLOR][COLOR=#0000bb]$Attribut[/COLOR][COLOR=#007700]->[/COLOR][COLOR=#0000bb]cName [/COLOR][COLOR=#007700]== [/COLOR][COLOR=#dd0000]'3d'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]} 
[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]<[/COLOR][COLOR=#0000bb]script type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"text/javascript"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
    [/COLOR][COLOR=#0000bb]window[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onload [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]= function () {ldelim} 
        [/COLOR][COLOR=#0000bb]jQuery[/COLOR][COLOR=#007700]([/COLOR][COLOR=#dd0000]'#Frame'[/COLOR][COLOR=#007700]).[/COLOR][COLOR=#0000bb]animate360 [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]({ldelim} 
            [/COLOR][COLOR=#0000bb]centerInWindow[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]true[/COLOR][/FONT][FONT=Courier New][COLOR=#007700], 
            [/COLOR][COLOR=#0000bb]xmlPath[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#dd0000]'/{$Attribut->cName}/{$Attribut->cWert}/'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700], 
            [/COLOR][COLOR=#0000bb]objPath[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#dd0000]'/{$Attribut->cName}/{$Attribut->cWert}/Images/'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700], 
            [/COLOR][COLOR=#0000bb]iconPath[/COLOR][COLOR=#007700]: [/COLOR][/FONT][COLOR=#dd0000][FONT=Courier New]'/{$Attribut->cName}/{$Attribut->cWert}/HTML5/Images/' 
        {rdelim[/FONT][/COLOR][FONT=Courier New][COLOR=#007700]}); 
    {rdelim}; 
[/COLOR][COLOR=#0000bb]</script>[/COLOR]  
    <a href="/{$Attribut->cName}/{$Attribut->cWert}/Preview.html">3D Ansicht</a> 
{/if} 
{/foreach}[/FONT][/COLOR]

ganz easy

dfluess · 4. September 2013

AW: jQuery Social Bar => Hilfe bitte

Wirklich easy, war schon nahe dran. DANKE!

Titel	Forum	Antworten	Datum
	Neu BAR Einlage stornieren JTL POS	Allgemeine Fragen zu JTL-POS	2	28. August 2024
	Neu Kunde zahlt bar bei Anlieferung, wie löse ich das?	Arbeitsabläufe in JTL-Wawi	15	14. August 2024

Suche

Suche

Offen jQuery Social Bar => Hilfe bitte

croissant

Aktives Mitglied

Anhänge

ag-websolutions.de

Sehr aktives Mitglied

ag-websolutions.de

Sehr aktives Mitglied

croissant

Aktives Mitglied

Anhänge

ag-websolutions.de

Sehr aktives Mitglied

croissant

Aktives Mitglied

ag-websolutions.de

Sehr aktives Mitglied

Zillis-Web

Guest

Zillis-Web

Guest

ag-websolutions.de

Sehr aktives Mitglied

croissant

Aktives Mitglied

dfluess

Gut bekanntes Mitglied

casim

Sehr aktives Mitglied

dfluess

Gut bekanntes Mitglied

Ähnliche Themen