Jump to content

kam pridat vygenerovany html kod plovouciho Social Slider aby se zobrazoval vsude na webu


Guest

Recommended Posts

dobry den,

 

pomoci techto stranek: http://techbrij.com/...-widget-website

 

jsem si vygeneroval plovouci facebook social slider. nechtel jsem platit okolo 30eur za ten modul ktery dela vlastne to stejne. jen bych ted potreboval vedet kam tento kod mam pripsat aby se mi zobrazoval plovouci slider na webu.

 

ale nyní nevím kam tento obycejny html kod mam do prestashop vložit presneji do jakeho tpl/php souboru aby se mi zobrazil vsude na webu.

jde mi o to kam musim vygenerovany kod vlozit aby se mi to ukazalo na webu vsude na webu.

myslel jsem ze kdyz to vlozim do rootu do index tak to bude ale to sem se zmilil :D s prestou teprve zacinam proto bych se rad zeptal nekoho zkuseneho kdo vv kam tento kod vlozit aby se plovouci slajder zobrazoval.

 

predem dekuju vsem co mi nejak poradi, diky.

 

 

20zppx5.jpg

Edited by PepeCZ (see edit history)
Link to comment
Share on other sites

dobry den,

diky za odpoved jen se chci zeptat nez jste mi zde odpovedel ze to mam pridat do header tak mi jeden uzivatel napsal pm a ten zas pise ze do templates/tvoje šablona/footer.tpl

 

muzu se vas tedy jen zeptat jaky by vtomto byl rozdil to dat bud do jednoho nebo druheho, dekuji.

Link to comment
Share on other sites

kazdopadne jsem tech zkusil ten html kod vlozit do footer pred /body ale to mi udelalo ze mi zmizel bocni panel presty a nezobrazovalo se zapati. tak jsem to zas smazal a nahral zpet puvodni footer. a kdyz jsem to zkusil pripasat to header tak se mi nacetla jen prazdna stranka :/ nevite cim by to mohlo byt?

Link to comment
Share on other sites

chybou?

 

tady je obsah toho co mam v header.tpl a stimto obsahem je web normalne funkcni:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
<head>
 <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
 <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
 <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
 <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
 <meta name="generator" content="PrestaShop" />
 <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
	<meta name="author" content=""/>
 <link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
 <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />
{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{/if}
 <script type="text/javascript" src="{$content_dir}js/tools.js"></script>
 <script type="text/javascript">
  var baseDir = '{$content_dir}';
  var static_token = '{$static_token}';
  var token = '{$token}';
  var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
  var roundMode = {$roundMode};
 </script>
 <script type="text/javascript" src="{$content_dir}js/jquery/jquery-1.2.6.pack.js"></script>
 <script type="text/javascript" src="{$content_dir}js/jquery/jquery.easing.1.3.js"></script>
 <script type="text/javascript" src="{$content_dir}js/jquery/jquery.hotkeys-0.7.8-packed.js"></script>
{if isset($js_files)}
{foreach from=$js_files item=js_uri}
<script type="text/javascript" src="{$js_uri}"></script>
{/foreach}
{/if}
<!-- jCarousel library -->
<script type="text/javascript" src="{$base_dir}modules/blockbestsellerz/jcarousel/lib/jquery.jcarousel.pack-bestseller.js"></script>
<!-- jCarousel core stylesheet -->
<link rel="stylesheet" type="text/css" href="{$base_dir}modules/blockbestsellerz/jcarousel/lib/jquery.jcarousel-bestseller.css" />
<!-- jCarousel skin stylesheet -->
<link rel="stylesheet" type="text/css" href="{$base_dir}modules/blockbestsellerz/jcarousel/skins/green/skin-bestseller.css" />
<script type="text/javascript">
{literal}
function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
	carousel.startAuto(1);
});
carousel.buttonPrev.bind('click', function() {
	carousel.startAuto(1);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
	carousel.stopAuto();
}, function() {
	carousel.startAuto();
});
};
jQuery(document).ready(function() {
jQuery('#mycarousel2').jcarousel({
	auto: 1,
	wrap: 'last',
 visible:3,
 scroll: 1,
 animation:1000,
	initCallback: mycarousel_initCallback
});
});
{/literal}
</script>
 {$HOOK_HEADER}
</head>

<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
 {if !$content_only}
  <noscript><ul><li>{l s='This shop requires JavaScript to run correctly. Please activate JavaScript in your browser.'}</li></ul></noscript>
<div id="body_box">
  <div id="page">
<!-- Header -->
<div id="header">
<div class="wrapper">
 <div id="top-header" class="clearfix">
  <h1 id="logo"><a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">{$shop_name|escape:'htmlall':'UTF-8'}<img src="{$img_ps_dir}logo.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" /></a></h1>
  <div id="header_right">
   {$HOOK_TOP}
  </div>
</div>	
</div>  

<div id="columns">
<div class="wrapper">
 <!-- Center -->
 <div id="center_column">			  
 {if $page_name == 'index'}
  {include file=$tpl_dir./breadcrumb.tpl}  
 {/if}
{/if}

 

kam mam tedy v tomto kodu vlozit ten obycejny html kod ktery se mi vygeneroval? zkousel jsem to vlozit uz i do toho footer pred /body tam se mi tedy zobrazil web ale neukazal se mi bocni panel a zapati jen menu a seznam produktu.

Edited by PepeCZ (see edit history)
Link to comment
Share on other sites

Jinak pokud budeš postupovat dle tohodle, tak to asi nejde pokazit:

 

1. Open “Social Slider Generator” page from here:

Social Slider Generator

2. Enter Facebook fan page URL, Twitter user name and Google+ Page ID.

It’s not mandatory to enter all fields, If you want to add only Facebook and twitter, enter Facebook and twitter information only and leave Google+ ID blank.

3. Click on ‘Grab the Code‘ button, copy generated code and paste it before </body> tag in your page.

4. If you are getting error: jQuery is undefined or $ is undefined, it means jQuery is not available.

For WordPress blog, Put the following code in your header.php file in the <head> section:

wp_enqueue_script(“jquery”);

before following line:

wp_head();

For a simple website, add following line in HTML head tag:

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js”></script>

5. It’s compatible with the latest browsers. It might not work with older browsers.

Link to comment
Share on other sites

Hned pod:

<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>

 

A postni prosím i ten kod.

 

 

tak jsem ted vlozil ten kod hned pod toto co pises. a ted stakto upravenym header.tlp v templatu se stranka vubec nenacte zustane prazdna.

 

ten kod co vkladam je tento:

<table id="slideleft" style=" overflow:auto; position:fixed; top:25%;"><tr class="slideLeftItem" style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://lh3.googleusercontent.com/-GMJe-Am-U9Q/T4p4bZu7jDI/AAAAAAAAAFs/qQqmMGn-wwg/s800/facebook-vertical.png" style="top:5px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px #5370AD; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div id="fb-root"></div><script type="text/javascript" >(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js#xfbml=1';document.getElementById('fb-root').appendChild(e);}());</script><fb:like-box href="https://www.facebook.com/ETANI.sk" width="300" show_faces="true" stream="false" header="false"></fb:like-box></td></tr><tr class="slideLeftItem"  style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://lh3.googleusercontent.com/-W-DLwbCICFo/T4p4brnipyI/AAAAAAAAAF4/DleKifFKHW8/s800/google-plus-vertical.png" style="top:195px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px black; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div class="googleplus" style="background: #F5FCFE;"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plus href="https://plus.google.com/https://plus.google.com/110959415836192666326/" size="badge"></g:plus><script type="text/javascript">gapi.plus.go();</script></div></td></tr></table><script type="text/javascript">jQuery(".slideLeftItem").append('<div style="font-size:12px;font-family: arial;width:300px;text-align:right;"><a rel="dofollow" href="http://techbrij.com/944/add-social-slider-widget-website" style="background-color:#D2C9CA;padding:3px 7px;font-weight:bold;color:#516FA9">Get This Widget</a></div>');jQuery("#slideleft tr").hover(function({var a=jQuery(this);jQuery("#slideleft tr").not(a).hide();a.css({"z-index":"9999"});a.stop().animate({left:0})},function({var a=jQuery(this);a.css({"z-index":"1000"});a.stop().animate({left:-a.outerWidth()});jQuery("#slideleft tr").show()});</script>

 

a takto vypada upraveny header.tpl:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
<head>
 <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
 <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
 <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
 <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
 <meta name="generator" content="PrestaShop" />
 <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
    <meta name="author" content=""/>
 <link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
 <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />
{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{/if}
 <script type="text/javascript" src="{$content_dir}js/tools.js"></script>
 <script type="text/javascript">
  var baseDir = '{$content_dir}';
  var static_token = '{$static_token}';
  var token = '{$token}';
  var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
  var roundMode = {$roundMode};
 </script>
 <script type="text/javascript" src="{$content_dir}js/jquery/jquery-1.2.6.pack.js"></script>
 <script type="text/javascript" src="{$content_dir}js/jquery/jquery.easing.1.3.js"></script>
 <script type="text/javascript" src="{$content_dir}js/jquery/jquery.hotkeys-0.7.8-packed.js"></script>
{if isset($js_files)}
{foreach from=$js_files item=js_uri}
<script type="text/javascript" src="{$js_uri}"></script>
{/foreach}
{/if}
<!-- jCarousel library -->
<script type="text/javascript" src="{$base_dir}modules/blockbestsellerz/jcarousel/lib/jquery.jcarousel.pack-bestseller.js"></script>
<!-- jCarousel core stylesheet -->
<link rel="stylesheet" type="text/css" href="{$base_dir}modules/blockbestsellerz/jcarousel/lib/jquery.jcarousel-bestseller.css" />
<!-- jCarousel skin stylesheet -->
<link rel="stylesheet" type="text/css" href="{$base_dir}modules/blockbestsellerz/jcarousel/skins/green/skin-bestseller.css" />
<script type="text/javascript">
{literal}
function mycarousel_initCallback(carousel)
{
   // Disable autoscrolling if the user clicks the prev or next button.
   carousel.buttonNext.bind('click', function() {
    carousel.startAuto(1);
   });
   carousel.buttonPrev.bind('click', function() {
    carousel.startAuto(1);
   });
   // Pause autoscrolling if the user moves with the cursor over the clip.
   carousel.clip.hover(function() {
    carousel.stopAuto();
   }, function() {
    carousel.startAuto();
   });
};
jQuery(document).ready(function() {
   jQuery('#mycarousel2').jcarousel({
    auto: 1,
    wrap: 'last',
 visible:3,
 scroll: 1,
 animation:1000,
    initCallback: mycarousel_initCallback
   });
});
{/literal}
</script>
 {$HOOK_HEADER}
</head>

<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
 <table id="slideleft" style=" overflow:auto; position:fixed; top:25%;"><tr class="slideLeftItem" style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://lh3.googleusercontent.com/-GMJe-Am-U9Q/T4p4bZu7jDI/AAAAAAAAAFs/qQqmMGn-wwg/s800/facebook-vertical.png" style="top:5px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px #5370AD; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div id="fb-root"></div><script type="text/javascript" >(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js#xfbml=1';document.getElementById('fb-root').appendChild(e);}());</script><fb:like-box href="https://www.facebook.com/ETANI.sk" width="300" show_faces="true" stream="false" header="false"></fb:like-box></td></tr><tr class="slideLeftItem"  style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://lh3.googleusercontent.com/-W-DLwbCICFo/T4p4brnipyI/AAAAAAAAAF4/DleKifFKHW8/s800/google-plus-vertical.png" style="top:195px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px black; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div class="googleplus" style="background: #F5FCFE;"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plus href="https://plus.google.com/https://plus.google.com/110959415836192666326/" size="badge"></g:plus><script type="text/javascript">gapi.plus.go();</script></div></td></tr></table><script type="text/javascript">jQuery(".slideLeftItem").append('<div style="font-size:12px;font-family: arial;width:300px;text-align:right;"><a rel="dofollow" href="http://techbrij.com/944/add-social-slider-widget-website" style="background-color:#D2C9CA;padding:3px 7px;font-weight:bold;color:#516FA9">Get This Widget</a></div>');jQuery("#slideleft tr").hover(function({var a=jQuery(this);jQuery("#slideleft tr").not(a).hide();a.css({"z-index":"9999"});a.stop().animate({left:0})},function({var a=jQuery(this);a.css({"z-index":"1000"});a.stop().animate({left:-a.outerWidth()});jQuery("#slideleft tr").show()});</script>
    {if !$content_only}
  <noscript><ul><li>{l s='This shop requires JavaScript to run correctly. Please activate JavaScript in your browser.'}</li></ul></noscript>
   <div id="body_box">
  <div id="page">
   <!-- Header -->
   <div id="header">
   <div class="wrapper">
 <div id="top-header" class="clearfix">
  <h1 id="logo"><a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">{$shop_name|escape:'htmlall':'UTF-8'}<img src="{$img_ps_dir}logo.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" /></a></h1>
  <div id="header_right">
   {$HOOK_TOP}
  </div>
   </div>	
   </div>   

   <div id="columns">
   <div class="wrapper">
 <!-- Center -->
 <div id="center_column">			   
 {if $page_name == 'index'}
  {include file=$tpl_dir./breadcrumb.tpl}   
 {/if}
{/if}

Link to comment
Share on other sites

taky jsem to vložil a nejede..

 

ahoj, ano kdyz se vlozi samotny html primo do tplka tak to neslo ale nastesti jsem se jeste zeptal zde na foru ale v anglicke sekci a tam mi jeden uzivatel poradit at si pridam tento modul: http://mypresta.eu/m...s/html-box.html a do nej teprve vlozim tento kod.

 

zkusil jsem to a vazne to takhle funguje uplne bez problemu :) teda aspon na moji preste 1.3.x.x

normalne sem stahnul zkopiroval a zapnul tento modul (je zdarma takze supr:) no a potom jsem v nastaveni toho modulu nastavil footer a vlozil tam ten kod a je to ted mi to funguje uplne bez sebemensiho problemu.

 

tak snad sem ti pomohl.

 

jinak ten generator tohoto plovouciho social slideru je vazne hodne povedenej a hlavne nemusim platit nejakejch 30eur za modul ktery dela uplne to stejne :D

Edited by PepeCZ (see edit history)
Link to comment
Share on other sites

  • 3 weeks later...

Všade mi to funguje OK ale prehliadač Google Chrome mi zobrazí iba ten facebook obrázok a vôbec to nevysunie. Robí vám to isté? Alebo to robí iba mne?

 

ja jsem to testoval v ie,firefoxu,chromu a safari a ve vsech mi to fungovalo bezchybne. jen jsem si rucne upravil kod odstranil jsem ten link a pak jsem posunul obrazek vice nahoru a zmensil jsem odsazeni plus jsem si ten obrazek upravil a dal jsem pryc ty bile rohy a nahral jsem ho na muj hosting a nastavil jsem url na tento upraveny img a jsem spokojen vse funguje jak ma a vvpada to uz konecne tak jak jsem si predstavoval. pokud chcete poslete mi link kouknu se.

Edited by PepeCZ (see edit history)
Link to comment
Share on other sites

Moje stránka je www.mocnyshop.sk.

Kód som tam vskúšal vložiť aj cez footer.tpl neskôr aj cez tu odporúčaný html box a stále je to to isté. Skúšal som pridal tag {/literal} ale nepomohlo ani to.

 

Vložený Kód:

<table id="slideleft" style=" overflow:auto; position:fixed; top:25%;"><tr class="slideLeftItem" style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://lh3.googleusercontent.com/-GMJe-Am-U9Q/T4p4bZu7jDI/AAAAAAAAAFs/qQqmMGn-wwg/s800/facebook-vertical.png" style="top:5px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px #5370AD; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div id="fb-root"></div><script type="text/javascript" >(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js#xfbml=1';document.getElementById('fb-root').appendChild(e);}());</script><fb:like-box href="http://www.facebook.com/MocnyShop" width="300" show_faces="true" stream="false" header="false"></fb:like-box></td></tr></table><script type="text/javascript">jQuery(".slideLeftItem").append('<div style="font-size:12px;font-family: arial;width:300px;text-align:right;"><a rel="dofollow" href="http://techbrij.com/944/add-social-slider-widget-website" style="background-color:#D2C9CA;padding:3px 7px;font-weight:bold;color:#516FA9">Get This Widget</a></div>');jQuery("#slideleft tr").hover(function(B){var a=jQuery(this);jQuery("#slideleft tr").not(a).hide();a.css({"z-index":"9999"});a.stop().animate({left:0})},function(B){var a=jQuery(this);a.css({"z-index":"1000"});a.stop().animate({left:-a.outerWidth()});jQuery("#slideleft tr").show()});</script>

Link to comment
Share on other sites

Moje stránka je www.mocnyshop.sk.

Kód som tam vskúšal vložiť aj cez footer.tpl neskôr aj cez tu odporúčaný html box a stále je to to isté. Skúšal som pridal tag {/literal} ale nepomohlo ani to.

 

Vložený Kód:

 

ahoj, rad pomuzu. v puvodni verzi jak se kod vygeneruje je mensi chybicka kterou ale staci jen malou upravou zmenit a vse je v podarku :)

 

tady je kod ktery jsem si ja osobne poupravil a vse je v poradku:

<table id=\"slideleft\" style=\" overflow:auto; position:fixed; top:51%;\"><tr class=\"slideLeftItem\" style=\"position:fixed;left:-310px;z-index:1000;height:100%;\"><td><img src=\"http://MOJEDOMENA/facebook-vertical-button.png\" style=\"top:0px; position:absolute; border-left-width:5px; left:310px;\"/></td><td class=\"contentBox\" style=\"border:solid 5px #5370AD; width:300px;height:250px;position:relative;border-radius:5px;background-color:white;\"><div id=\"fb-root\"></div><script type=\"text/javascript\" >(function() {var e = document.createElement(\'script\'); e.async = true;e.src = document.location.protocol +\'//connect.facebook.net/en_US/all.js#xfbml=1\';document.getElementById(\'fb-root\').appendChild(e);}());</script><fb:like-box href=\"https://www.facebook.com/MŮJ PROFILOBCHODUNAFACEBOOKU\" width=\"300\" show_faces=\"true\" stream=\"false\" header=\"false\"></fb:like-box></td></tr></table><script type=\"text/javascript\">jQuery(\".slideLeftItem\").append(\'<div style=\"font-size:12px;font-family: arial;width:300px;text-align:right;\"></div>\');jQuery(\"#slideleft tr\").hover(function({var a=jQuery(this);jQuery(\"#slideleft tr\").not(a).hide();a.css({\"z-index\":\"9999\"});a.stop().animate({left:0})},function({var a=jQuery(this);a.css({\"z-index\":\"1000\"});a.stop().animate({left:-a.outerWidth()});jQuery(\"#slideleft tr\").show()});</script>

 

staci prepsat dve veci "MOJEDOMENA" a "PROFILOBCHODUNAFACEBOOKU" a je to.

jinak chci rict proc je v mem kodu odkaz na zalozku facebooku smerovan na domenu na ktere bezi eshop - to je proto ze jsem si puvodni obrazek stahnul a pravy horni a dolni roh kde byla bila tecka jsem si upravil aby tam byla take modra a vypadalo to lip (toto jsem udelal proto ze na eshopu kam jsem toto daval bylo pozadi na kterem ty dve bile tecky byli hodne videt kazdopadne jestli ma nekdo bile pozadi muze tam ponechat puvodni odkaz na ten obrazek ktery smeruje nekam pryc ale ja mam radeji vsechno na vlastnim hostingu :D)

 

tak snad jsem vam pomohl.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...