witam
strasznie nie chciało mi się tego pisać...
pobierz z załącznika obrazek i wrzuć go do
image w głównym katalogu swojego sklepu
edytuj template/common/headet.tpl i znajdz
- Kod: Zaznacz cały
<body>
po tym dodaj
- Kod: Zaznacz cały
<div id="slide_right_gg_wrap">
<div id="slide_right_gg">
<img src="<?php echo HTTP_IMAGE; ?>gg_right.png" alt="" class="slidertab" />
<div id="slide_right_gg_inner">
<!-- (C) GG Network SA - Gadu-Gadu Widget -->
<script type="text/javascript" src="TU WSTAW WYGENEROWANY KOD"></script>
</div>
</div>
</div>
wejdz na stronę
http://www.gadudodatki.pl/webAplikacje/show/id/39077 i wygeneruj swój kod po czym zamień
TU WSTAW WYGENEROWANY KOD na wygenerowany link
następnie w tym samym pliku znajdz
- Kod: Zaznacz cały
</head>
i przed tym dodaj
- Kod: Zaznacz cały
<script type="text/javascript">
$(document).ready(function() {
$("#slide_right_gg_wrap").hover(function() {
$(this).stop(true,false).animate({right: 0}, 500);
}, function() {
$("#slide_right_gg_wrap").stop(true,false).animate({right: -232}, 500);
});
});
</script>
ostatnim krokiem będzie edycja pliku odpowiedzialnego za stylizacje strony (CSS, w przypadku domyślnego szablony to będzie catalog/view/theme/default/stylesheet/stylesheet.css) i wstawienie na samym końcu
- Kod: Zaznacz cały
/* GG */
#slide_right_gg_wrap img, a { border: 0; }
#slide_right_gg_wrap {
z-index: 1000;
border: 2px solid #2b2b2b;
background-color: #fff;
width: 228px;
height: 318px;
position: fixed;
top: 250px;
right: -232px;
}
#slide_right_gg {
width: 228px;
overflow: hidden;
height: 318px;
}
#slide_right_gg img.slidertab {
position: absolute;
top: -2px;
left: -34px;
}
#slide_right_gg_wrap #slide_right_gg_inner {
width: 228px;
overflow: hidden;
position: static;
left: -2px;
top: -3px;
}
tyle...
pozdrawiam
Adrian