Strona główna forum Ogólnie o Magento Dyskusje Facebook wysuwane

Facebook wysuwane

Na temat Magento - ogólnie...

Post 23 kwi 2014, o 21:27

Posty: 6
Gadu-Gadu: 0

Witam serdecznie,
Spędziłem wiele godzin na znalezieniu jakiś gotowych rozwiązań do wysuwanego okienka facebooka u booku strony. Niestety nic z tego nie wyszło. chciałem więc na forum poprosić o pomoc. Proszę o instrukcję w jaki sposób można takie okienko dodać do strony oraz o przykładowy kod - generalnie prostą i czytelną instrukcję jak wykonać taką czynność. Z góry dziękuję za pomoc.

Facebook wysuwane

PostTeraz jest 23 lis 2024, o 12:55
Google

Posty: 427
Lokalizacja: Internet

Post 24 kwi 2014, o 09:30

Posty: 1
Gadu-Gadu: 0


Post 24 kwi 2014, o 09:55

Posty: 6
Gadu-Gadu: 0

Ok to teraz inna sprawa gdzie to w magento wrzucić? Efekt powinien być taki, że po najechaniu na fiszkę z boku strony powinien wysunąć się Widget za FB.

Post 26 kwi 2014, o 21:35

Posty: 20
Gadu-Gadu: 0

Witam,

jeśli chcesz efekt taki, jak na http://www.a-plus.net.pl/ to wklej sobie najpierw w System -> Configuration -> GENERAL -> Design -> HTML Head -> Miscellaneous Scripts taki oto kawałek kodu

<style type="text/css">
#wys
{
background: url("http://a-plus.net.pl/gfx/facebook_tlo.png") no-repeat scroll 0 0 transparent;
padding: 10px;
width: 235px;
height:402px;
position: fixed;
margin-top: -100px; /*połowa wysokoœci panelu w górę */ left: 0px;
top: 50%;
}
.zamknij
{
background-position: 0px 0px -242px 0px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#wys").css("left","-216px");
$("#wys").hover(
function () {
$("#wys").animate({left: "0px"}, 400 );
$(this).addClass("zamknij");
}, function () {
$("#wys").animate({left: "-216px"}, 400 );
$(this).removeClass("zamknij"); }
);
});
</script>


a następnie wejdź sobie w CMS -> Pages

zedytuj sobie stronę główną i wrzuć do kodu strony głównej taki kawałek

<div id="wys">
<div id="wewnatrz" style="float: left; width: 216px; margin-left: 0px;"> <iframe allowtransparency="true" src="//www.facebook.com/plugins/likebox.php?href=https://www.adresTwojegoFanpageNaFacebuku.com&amp;width=190&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=378" style="border: medium none ; overflow: hidden; width: 190px; height: 378px; background-color: rgb(243, 247, 255);" frameborder="0" scrolling="no"></iframe></div> </div>



Pobierz sobie tylko tę grafikę z mojej stronki http://a-plus.net.pl/gfx/facebook_tlo.png, coby nie przestało Ci działać jak będę coś na niej przerabiać.

Pisz na priv, gdybyś miał jakiś problem z tym jeszcze :)
-------------------

Strony www, Sklepy internetowe Magento

http://www.katmai.pl

Post 27 kwi 2014, o 21:12

Posty: 6
Gadu-Gadu: 0

Wreszcie konstruktywna odpowiedź. dziękuję za sugestię. Oczywiście wszystko działa rewelacyjnie :D Dziękuję katmai :D

Post 28 kwi 2014, o 23:16

Posty: 20
Gadu-Gadu: 0

Polecam się na przyszłość :)
-------------------

Strony www, Sklepy internetowe Magento

http://www.katmai.pl


Powrót do Dyskusje



cron