Zadejte hledaný výraz...

Prestashop – vysuvaci facebook box

Ahojte,
vedel by mi niekto pomôcť, ako je možné do presty zakomponovať vysuvaci box zo strany?
Našiel som návod pre klasickú stránku:
http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html
- tak by som chcel aj aby to vyzeralo
- no neviem kde do šablóny to môžem umiestniť, alebo do modulu nejakého
Čo sa týka modulu, tak som našiel tento:
http://mypresta.eu/en/art/tips-and-tricks/how-to-add-floating-fixed-advertise-button-in-prestashop.html
- no neviem aký skript tam môžem použiť, aby sa to vysúvalo
ďakujem za rady
23. 3. 2014 12:20:04
https://webtrh.cz/diskuse/prestashop-vysuvaci-facebook-box#reply1008658
Michal Smith
verified
rating uzivatele
(1 hodnocení)
23. 3. 2014 12:34:17
Můžete to udělat přes modul:
- nainstalujete modul pro html texty, vložíte tam html kód a uložíte. Poté v moduly/ nastavení pozic modulů/ vložíte modul do left, nebo right column block
- přímo vložit html kód do souboru .tpl
- Jděte do FTP/ root/ themes/ název vaší šablony (pokud nemáte, tak default) / otevřete header.tpl / vložíte do tohoto souboru kód (můžete i na konec stránky)
Pokud by jste potřeboval ještě poradit, neváhejte se na mě obrátit, rád pomohu :)
23. 3. 2014 12:34:17
https://webtrh.cz/diskuse/prestashop-vysuvaci-facebook-box#reply1008657
Ďakujem, no ja by som chcel, aby sa to vysúvalo.
Teraz to mám tak, že je to staticky na pravej strane, no nevysunie sa to ako na tejto stránke: http://www.richosoft-support.co.uk/fortune/slideoutfacebook.html
ked sa snazím podla toho umiestniž kód do header.tpl a js do /js , tak mi to nefunguje
23. 3. 2014 15:06:18
https://webtrh.cz/diskuse/prestashop-vysuvaci-facebook-box#reply1008656
nie som programator a moja anglina je dost chaba, ale ak to chapem spravne, tento kod vlozit na koniec strany, napr. header.tpl/footer.tpl, fbpage nahradit tvojou fb strankou
tento kod vlozit do textoveho editoru, ulozit ako fb-sidelike.js a nakopirovat na ftp do priecinka js. pozor na skrytu priponu suboru, aby si to neulozil ako fb-sidelike.js.txt!!! do priecinka ulozis aj obrazok Fb pod nazvom fb-sidebar-plain.png
FBSideLike.init = function() {
var scr = $$('script');
if (scr.length == 1) {
scr = scr;
var fbpage = scr.get('fbpage');
} else {
return;
}
var border = scr.get('bordercolor') || '3b5997';
var image = scr.get('image') || 'plain';
var base = scr.get('src').replace('fb-sidelike.js', '');
var box = new Element('div', {
id: 'fb-side-like',
styles: {
backgroundImage: 'url(' + base + 'fb-sidebar-' + image + '.png)',
backgroundRepeat: 'no-repeat',
position: 'fixed',
top: '21%',
right: -292,
width: 322,
height: 258
}
}).inject(document.body);
var like = new Element('div', {
styles: {
position: 'absolute',
left: 30,
width: 292,
height: 258,
background: '#fff'
}
}).inject(box);
var toggle = function(dir) {
box.tween('right', dir < 0 ? -1 : -292);
}
like.set('html', '');
box.set('tween', {
duration: 550,
transition: Fx.Transitions.Pow.easeInOut
}).addEvents({
'mouseenter': function() { toggle(-1); },
'mouseleave': function() { toggle(1); }
});
}
if (typeof(MooTools) == 'undefined') {
(function() {
var mt = document.createElement("script");
mt.type = "text/javascript";
mt.src = ("https:" == document.location.protocol ? "https" : "http") + "://ajax.googleapis.com/ajax/libs/mootools/1.2.5/mootools-yui-compressed.js";
mt.async = true;
mt.onload = FBSideLike.init;
var s = document.getElementsByTagName("script");
s.parentNode.insertBefore(mt, s);
})();
} else {
window.addEvent('load', FBSideLike.init);
}
24. 3. 2014 17:45:44
https://webtrh.cz/diskuse/prestashop-vysuvaci-facebook-box#reply1008655
Tiež som dúfal, že podľa tohto návodu to pôjde, nezobrazí sa mi nič.
25. 3. 2014 18:19:22
https://webtrh.cz/diskuse/prestashop-vysuvaci-facebook-box#reply1008654
Pro odpověď se přihlašte.
Přihlásit