Moduły mają możliwość ustalenia sposobu wyświetlania oraz uruchomienia automatycznej rotacji.

Wszystko byłoby super gdyby nie mała niedogodność. Moduły te zaprogramowane są tak by z włączoną funkcją slajdera wyświetlać tylko jeden produkt. Gdy umieszczamy moduły w lewej lub prawej kolumnie wszystko wygląda super ale po wstawieniu ich do części centralnej osiągamy kiepsko wyglądający moduł z jednym produktem.

Z problemem tym postaram się wam dzisiaj pomóc. Przebudowałem odrobinę skrypt slajdera by osiągnąć coś takiego:

Niby niewielka zmiana ale myślę, że wam się spodoba. Na potrzeby poradnika zmiany dokonam jedynie w module Bestsellerów, reszta pozostaje bez zmian.

Co będzie potrzebne:

- dodatkowy kod javasript do wklejenia w zakłądce “Włany kod JS”,

- niewielka zmiana w pliku zarządzającym modułem Bestsellerów (Bestsellers/box.tpl),

Co robimy:

Krok 1 – przygotowujemy kod JavaScript który zmieni nam standardowe ustawienia i podzieli moduł na daną ilość miejsc do wyświetlenia produktów oraz zmniejszy wielkość kroku przesunięcia. Na tym przykładzie ustaliłem by moduł wyświetlił mi 4 produkty i przesuwał się o szerokość jednego produktu. (kod odpowiadający za ilość wyświetlanych produktów zaznaczyłem kolorem poniżej)

Krok 2 – wklejamy kod JavaScript w dziale zarządzania skórką na zakładce Własny skrypt JS:

Shop.implement({
selectorFunctions : {
boxslider2 : {
selector : '.centercol box.slider2',
domready : function(slider2) {
var podlist = slider2.getElements('.product');
if(podlist.length > 1) {
slider2.getElements('hr').setStyle('display', 'none');
podlist.setStyle('display', 'none');
podlist[0].setStyles({
display : 'block',
vibility : 'hidden'
});
}
},
load : function(el) {
if(el.getElements('.product').length < 2) return;
el.getElements('hr').destroy();
var innerbox = el.getElement('.innerbox');
if(!$chk(innerbox)) return;
var outterdiv = new Element('div', {
styles : {
overflow : 'hidden',
position : 'relative'
}
}).inject(innerbox);
var innerdiv = new Element('div').inject(outterdiv);
var outter_size = outterdiv.getSize();
var width = 0;
var scroll_step = outter_size.x/4;
el.getElements('.product')
.setStyle('display', 'block')
.inject(innerdiv)
.setStyle('width', outter_size.x/4 + 'px')
.each(function(div) {
width += outter_size.x/4;
});
outterdiv.setStyle('width', outter_size.x + 'px');
innerdiv.setStyle('width', width + 'px');
innerdiv.getChildren('.product').setStyle('float', 'left');
outter_size = outterdiv.getSize();
outterdiv.setStyle('height', outter_size.y + 'px');
innerdiv.setStyles({
height : outter_size.y + 'px',
position : 'absolute',
left : '0px',
top : '0px'
});
var left = new Element('img', {
src : this.url('public/images/1px.gif'),
'class' : 'arrow_left'
}).inject(outterdiv);
var right = new Element('img', {
src : this.url('public/images/1px.gif'),
'class' : 'arrow_right'
}).inject(outterdiv);
left._outter = right._outter = outterdiv;
outterdiv._scroll_step = scroll_step;
outterdiv._left = left;
outterdiv._right = right;
outterdiv._n = 0;
outterdiv._max = innerdiv.getChildren('.product').length - 1;
outterdiv._inner = innerdiv;
outterdiv._fx = new Fx.Tween(innerdiv, {
duration: 200,
transition : 'linear'
});
left.fade('hide');
right.fade('hide');
outterdiv.addEvent('mouseenter', function(e) {
if(this._n > 0)
this._left.fade('in');
if(this._n < this._max)
this._right.fade('in');
});
outterdiv.fireEvent('mouseenter');
if($chk(Shop.useroptions.slider2) && true == Shop.useroptions.slider2.fadearrows) {
outterdiv.addEvent('mouseleave', function(e) {
this._left.fade('out');
this._right.fade('out');
});
}
if(el.hasClass('slider_automove') && $chk(Shop.useroptions.slider)
&& Shop.useroptions.slider.automove > 0 && outterdiv._max > 0) {
(function() {
if(false == this._mousein) {
this.scrollToNext();
}
}).periodical(Shop.useroptions.slider.automove, outterdiv);
outterdiv.addEvent('mouseenter', function(e) {
this._mousein = true;
})
outterdiv.addEvent('mouseleave', function(e) {
this._mousein = false;
})
outterdiv._mousein = false;
}
outterdiv.scrollToLeft = (function() {
if(this._n > 0) {
this._n--;
this._fx.start('left', -1 * this._n * this._scroll_step + 'px');
this._right.fade('in');
if(0 == this._n)
this._left.fade('out');
}
}).bind(outterdiv);
outterdiv.scrollToRight = (function() {
if(this._n < this._max) {
this._n++;
this._fx.start('left', -1 * this._n * this._scroll_step + 'px');
this._left.fade('in');
if(this._max == this._n)
this._right.fade('out');
}
}).bind(outterdiv);
outterdiv.scrollToNext = (function() {
if(this._n < this._max) {
this.scrollToRight();
} else {
this._n = 1;
this.scrollToLeft();
}
}).bind(outterdiv);
left.addEvent('click', function(e) {
new DOMEvent(e).stop();
this._outter.scrollToLeft();
});
right.addEvent('click', function(e) {
new DOMEvent(e).stop();
this._outter.scrollToRight();
});
lh = left.getSize().y;
if(lh < 1) lh = 10;
rh = right.getSize().y;
if(rh < 1) rh = 10;
left.setStyle('top', Math.ceil( ( outter_size.y - lh ) / 2 ) + 'px');
right.setStyle('top', Math.ceil( ( outter_size.y - rh ) / 2 ) + 'px');
}
}
}
});

Na czerwono zaznaczyłem linie gdzie liczba 4 oznacza podział szerokości modułu na 4 części. Czyli wyświetlą się 4 produkty.

Pobierz plik by wyświetlić kod skryptu:
slajder produktów – user js

Krok 3 – przechodzimy na zakładkę “Edycja zaawansowana”, odnajdujemy plik Bestsellers/box.tpl i klikamy na ikonę edycji. Następnie w drugiel lini odnajdujemy słowo “slider” i zamieniamy na “slider2″.

I na tym koniec. Efekty można oczywiście zobaczyć na stronie sklep.szablonsklep.pl

Sklepy związane z modą to oczywiście magia dobrych zdjęć, bez nich lepiej nie startować .

1. www.crombie.co.uk

2 – www.outdoorresearch.com/en

3 – us.gant.com

4 – www.bonobos.com

5 – www.kookai.co.uk/

Szczegółowe informacje o zmianach dostępne są w changelog`u na stronie producenta.

Najważniejsza w mojej opinii zmiana to wprowadzenie integracji z iFirmą oraz wFirmą czyli zewnętrznymi systemami księgowości internetowej.

Brak możliwości tworzenia faktur lub rachunków bezpośrednio w systemie sklepu było często wymieniane jako uciążliwa wada oprogramowania. Dzięki integracji z księgowością internetową można będzie zaoszczędzić sporo czasu, jeżeli jeszcze nie znacie możliwości tych platform serdecznie zapraszam do testowania (sam używam iFirmy i jestem zadowolony).

Ponieważ po raz kolejny nie znalazłem dokładniejszego omówienia nowych funkcjonalności załączam małą ściągę.

Funkcjonalność integracji z księgowością internetową znajdziecie w dziale: Konfiguracja/Sprzedaż/Faktury

Integracje są bardzo ładnie ukryty (myślę że programiści przekombinowali), aby dojść do samej integracji należy najpierw zaznaczyć pole wyboru “ Fakturowanie zewnętrzne: ” po czym wybrać jedną z opcji integracyjnych.

Dopiero po zapisaniu wyboru z lewej strony pojawi nam się dodatkowa zakładka z danymi konfiguracyjnymi którą oczywiście należy wypełnić.

W dzisiejszym poradniku podejmuję upragniony temat formularza kontaktowego w którym klient będzie miał możliwość wysłania zapytania do sklepu z poziomu konkretnego produktu. Odrobinę przyspieszyłem powstanie poradnika gdyż kolejne osoby prosiła o pomoc w tej sprawie (a ja już taki jestem, że lubię pomagać ).

Ponieważ założenie jest takie by stworzyć formularz, który sam pobierze informację o tym jakiego produktu dotyczy zapytanie będziemy musieli edytować plik skórki zarządzający kartą produktu.

UWAGA! plik edytowany nie podlega automatycznej aktualizacji (pamiętajcie o tym)…Na początek zobaczcie co będziemy robić, jak wam się nie spodoba to zaoszczędzicie trochę czasu

Oczywiście formularz ten nie jest idealnym rozwiązaniem. Ponieważ korzystam z funkcji formularza kontaktowego występuje kilka efektów ubocznych. Po wysłaniu formularza system przenosi nas  na stronę formularza gdzie pojawia się info o pomyślnym wysłaniu maila. Podobnie jest przy błędnym wypełnieniu formularza. Możecie go jednak odrobinę dopracować

Z wyglądu poza ciekawym efektem zaciemnienia reszty sklepu pozwoliłem sobie na całkowitą prostotę ale tu też macie pole do popisu bo style CSS można dowolnie zmodyfikować.

Zacznijmy zatem :

Krok 1: Kopiujemy aktualną skórkę i przechodzimy do jej edycji. Wchodzimy na zakładkę “Edycja zaawansowana” i klikamy na ikonę edycji przy pliku product/index.tpl.

Krok 2: Dodajemy blok który będzie naszym “ciemnym płaszczem” zacieniającym widok sklepu:
<div id="black"  class="black_content" style="display: none;">&nbsp;</div> kod ten należy umieścić zaraz po rozpoczęciu <body> a przed{include file='body_head.tpl'}

Krok 3: Dodajemy kod skryptu zarządzający efektem zaciemnienia, np tuż po dodaniu wcześniejszego kodu:

{literal}
<script>
function AskOn()
{
document.getElementById("white").style.display = "block";
document.getElementById("black").style.display = "block";
}
function AskOff()
{
document.getElementById("white").style.display = "none";
document.getElementById("black").style.display = "none";
}
function  checkEmail($email) {
var email = document.getElementById('askform2');
var check = true;
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(email.value)) {
alert('Podaj poprawny adres');
email.focus;
check = false;
return false;
}
}
</script>
{/literal}


Krok 4: Dodajemy kod formularza (umiejscowieni kodu podobnie jak wcześnie):

<div id="white" class="white_content" style="display: none;">
<form method="post" action="{route key='contact'}">
<fieldset>
{include file='formantispam.tpl'}
<table>
<tbody>
<tr>
<td colspan="2"><h3>{translate key="Pytanie o produkt:"}</h3><button onclick="AskOff();" id="afx">{translate key="x"}</button></td>
</tr>
<tr>
<td colspan="2"><h4><b>{$product->translation->name|escape}</b></h4></td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>
<label for="askform1">{translate key="Name and surname:"}</label>
</td>
<td>
<div>
<input id="askform1" type="text" name="name" value="{$data.name|escape}" size="30" />
</div>
{if $data_error.name}
<ul>
{foreach from=$data_error.name item=err_text}
<li>{$err_text|escape}</li>
{/foreach}
</ul>
{/if}
</td>
</tr>
<tr>
<td>
<label for="askform2"><em>*</em> {translate key="E-mail address:"}</label>
</td>
<td>
<div>
<input id="askform2" type="text" name="mail" value="{$data.mail|escape}" size="30" />
</div>
{if $data_error.mail}
<ul>
{foreach from=$data_error.mail item=err_text}
<li>{$err_text|escape}</li>
{/foreach}
</ul>
{/if}
</td>
</tr>
<tr>
<td>
</td>
<td>
<input id="askform3" type="hidden" name="subject" value='{translate key="Pytanie o produkt:"} {$product->translation->name|escape} | id: {$product->product->product_id}' size="30" />
</td>
</tr>
<tr>
<td>
<label for="contact4"><em>*</em> {translate key="Message:"}</label>
</td>
<td>
<div>
<textarea rows="5" cols="30" id="contact4" name="text">{translate key="Tu wpisz swoje pytanie:"}</textarea>
</div>
{if $data_error.text}
<ul>
{foreach from=$data_error.text item=err_text}
<li>{$err_text|escape}</li>
{/foreach}
</ul>
{/if}
</td>
</tr>
</tbody>
</table>
<div>
<button type="submit">
<img src="{baseDir}/public/images/1px.gif" alt="" />
<span>{translate key="Send"}</span>
</button>
</div>
</fieldset>
</form>
</div>

Jakbyście otworzyli plik z formularzem kontaktowym to zobaczycie spore podobieństwo. Większość kodu skopiowałem, dodając jedynie blok o id “white”, przycisk wyłączenia formularza oraz ukryłem pole z tematem listu wymuszając by pojawiła się w nim zarówno nazwa produktu o który klient pyta jak i jego ID (jakbyście mieli w sklepie podobne nazwy).

Krok 5: Teraz pozostaje nam dodać link wywołujący formularz, ja zdecydowałem się dodać go obok innych linków tego typu, czyli w sekcji o klasie “additionalinfo“. Elementem wywołyjącym może być zarówno link jak i przycisk, ważne by wywoływał funkcje AskOn. Ja skopiowałem  fragment listy z linkiem polecającym stronę przyjacielowi i zamieniłem ten link na przycisk:

<li  class="mailfriend">
<button onclick="AskOn();" id="askform_b">{translate key="+ zapytaj o produkt"}</button>
</li>

Krok 6: Ostatnim krokiem jest dodanie kodu CSS:

.black_content {
background-color: black;
display: block;
height: 100%;
left: 0;
opacity: 0.5;
position: fixed;
top: 0;
width: 100%;
z-index: 10001;
}
.white_content {
background-color: white;
border: 0;
display: block;
height: 400px;
left: 50px;
overflow: auto;
padding: 20px;
position: absolute;
top: 0;
width: 500px;
z-index: 10002;
}
.white_content h3{
font-family: 'Bitstream Charter','Century Schoolbook L','Liberation Serif',Georgia,Times,serif;
font-weight: normal;
line-height: 37px;
font-size: 18px;
float: left;
}
.white_content .askform td.label{
min-width: 200px;
}
#afx{
font-weight: bold;
font-size: 22px;
line-height: 37px;
float: right;
padding: 0 10px;
border: 1px solid #ddd;
}

Starałem się dodawać elementy tekstowe jako frazy językowe tak byście mogli później dodać je do systemy by móc obsługiwać inne języki.

I tak mamy np  {translate key=”Pytanie o produkt:”} co oznacza, że dodając frazę językową do języka polskiego, podajcie jako “klucz” dokładną frazę “Pytanie o produkt:” i polskie tłumaczenie “Pytanie o produkt:“. Jak będziecie dodawać np wersje angielską dodajcie w języku angielskim frazę o kluczu “Pytanie o produkt:” + odpowiednie tłumaczenie w języku angielskim…
Wchodząc na stronę sklep.szablonsklep.pl możecie zobaczyć jak wygląda formularz w rzeczywistości.

Skoro ktoś z was może potrzebować takiej funkcji to czemu jej nie dodać.

Zaprezentowany w tym wpisie sposób bazuje na kodzie JavaScript i wykorzystuje funkcje tworzenia dodatkowych modułów w sklepie Shoper tak by nie było problemów z późniejszymi aktualizacjami.

Dla ułatwienia pracy przygotowałem kilka ikon które możecie wykorzystać do stworzenia waszego przycisku drukowania.Na początek załączę pliki graficzne ikonek tak byście mogli zdecydować jaką nazwę pliku wpisać później w kodzie odpowiadającym za wyświetlanie danej ikonki.

Teraz przejdźmy do sedna sprawy (przypominam że zawsze pracujemy na kopii skórki):

Krok 1: Wchodzimy do działu Konfiguracja/Administracja, system/Bezpieczeństwo, zaznaczamy wyłączenie czyszczenia kodu HTML i zapisujemy zmiany,

Krok 2: Wchodzimy do działu zarządzania skórką, przechodzimy na zakładkę “moduły” (w lewej kolumnie zakładek),

Krok 3: Dodajemy nowy moduł przez kliknięcie na dodaj moduł, wpisujemy tytuł np Drukowanie (tak byśmy później łatwo zlokalizowali moduł na liście). Obramowanie: pozostawiamy puste, jako HTML ID:wpisujemy jakiś identyfikator np print_sz.

Krok 4: W treści wstawiamy zdjęcie ikony którą wybraliśmy poprzez kliknięcie na dodawanie obrazków, możemy również dodać tekst (ja dodałem “kliknij by wydrukować kartę produktu”

Krok 5: Zaznaczamy całość (tekst i obrazek) a następnie klikamy na ikonę dodania linku (taki pseudo łańcuch) i jako url wpisujemy

javascript:window.print()  następnie klikamy przycisk aktualizuj i zapisujemy nowy moduł (ja dodatkowo kliknąłem jeszcze na ikonę wyrównania do prawej tak by mój przycisk znalazł się z prawej strony karty produktu).

Krok 6: Wracamy do listy modułów i przechodzimy na kartę “szczegóły produktu” (w górnej części ekranu) tak by zdecydować o układzie modułów na stronie karty produktów.

Krok 7: odznaczamy użycie układu podstawowego i przesuwamy nasz moduł nad centralną część gdzie wyświetlane są produkty (załączyłem screen dla ułatwienia) i zapisujemy nowy układ.

Teraz możecie kliknąć na podgląd skórki i przetestować działanie funkcji.

Oczywiście można dodatkowo ostylować wasz nowy moduł z funkcją druku. Wystarczy dodać do Własnego stylu CSS kod #print_sz{tu jakiś styl}.

Aby ułatwić wam zadanie przygotowałem mały styl dodatkowy:


#print_sz{
margin-bottom: -34px;
margin-right: 10px;
margin-top: 17px;
z-index: 20000;
}
#print_sz img{
vertical-align:middle;
}
#print_sz a{
color:red;
}

Dzięki temu dodałem kolor do tekstu (czerwony) oraz nasunąłem przycisk do linii w której znajduje się nazwa produktu (pamiętajcie tylko by uważać na długie nazwy produktów, jak macie takowe to ustalcie im maksymalną szerokość jaką może przyjmować nazwa produktu tak by nazwa nie najechała później na obszar przycisku)

Jak zwykle opisywany przykład możecie zobaczyć na stronie sklep.szablonsklep.pl

Aktualizacja 19.02.2012.

Omawiana wyżej funkcja wydruku w standardzie drukuje cały widok strony produktu (czyli nagłówek, wszystkie bokst itd.). Jeżeli chcecie ograniczyć wydruk np tylko do samego opisu produktu wraz ze zdjęciem można posłużyć się dodatkowym, specjalnie do tego przygotowanym kodem CSS.

Kod ten ma za zadanie wyłączyć widoczność wszystkich niechcianych elementów strony i pozostawić tylko to co chcemy wydrukować.

Aby dodatkowy kod zadziałał należy pamiętać by dodać specjalne ustawienia o których za chwilę napiszę, zaczynajmy więc:

Krok 1 – tworzymy osobny plik tekstowy z kodem CSS (np w notatniku) pamiętając by rozszerzenie pliku było .css (np print.css)

w treści pliku dodajemy kod wyłączający niechciane elementy oraz kod zarządzający podstawowymi informacjami np:


body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
.container {background:none;}
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
code {font:.9em "Courier New", Monaco, Courier, monospace;}
a img {border:none;}
p img.top {margin-top:0;}
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small {font-size:.9em;}
.large {font-size:1.1em;}
.quiet {color:#999;}
.hide {display:none;}
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}
.header, .logo, .menu, .breadcrumbs, .footer, .userfooter, .rightcol, .leftcol{display: none !important;}

Krok 2 – Plik CSS wgrywamy na serwer (najlepiej na serwer na którym jest sklep),

Krok 3 – w panelu administracji sklepem wchodzimy do działu Konfiguracja/Integracje/Integracje własne,

Krok 4 – w sekcji HEAD dodajemy kod mający za zadanie pobrać nasz plik tylko w momencie wywołania funkcji druku:

<link rel="stylesheet" href="http://nazwadomeny.pl/print.css" type="text/css" media="print">


gdzie:

“href” to link do naszego pliku

“media” to nasz magiczny kawałek tagu który informuje przeglądarkę jak ma traktować nasz kod,

Krok 5 – testujemy działanie kodu

Pozdrawiam

Chciałem ułatwić sobie i Wam komunikacje instalując dodatkowy moduł działający na zasadzie forum i niestety nie pamiętałem o pierwszej zasadzie o jakiej przypominam Wam przy jakichkolwiek edycjach czyli “Zawsze pracuj na kopii”… Ech kto wie ile mi teraz zejdzie poszukiwanie starych plików…

Chcąc zobaczyć załączony poniżej komunikat sprawdźcie adres iai-shop.com/panel

Na uznanie zasługuje szybkość reakcji obsługi IAI. Zarówno na stronie firmowej jak i na koncie FB pojawiają się regularnie dodawane informacje oraz (mimo iż mamy weekend) trwa dialog z klientami u których pojawiły się problemy.

Producent oprogramowania wprowadził w życie kilka działań, które mają pomóc w przetrwaniu czasu w którym sprawa zostanie rozwiązana u źródła problemów czyli w Google.

Czekam teraz na reakcje Google, niestety nie jest to firma z którą łatwo się rozmawia ale po wpisie na iai-shop.com (poniżej) można wnioskować, że IAI nie zamierza długo czekać na rozwiązanie sprawy.

“Mamy nadzieję, że Google po wczoraj wysłanych zgłoszeniach, e-mailach oraz SMS do znanych nam pracowników Google pomogą. W dniu jutrzejszym zostanie wysłane do Google Polska pismo przedsądowe w tej sprawie. Nie wykluczamy wytoczenia Google sprawy sądowej za działanie na szkodę marki IAI.”

Postaram się wam przedstawić kilka ciekawych (oczywiście w mojej opinii) projektów sklepów głównie z poza granic naszego kraju. Mam nadzieję, że znajdziecie tu inspiracje dla waszych sklepów. Dokonując wyboru poszczególnych sklepów brałem pod uwagę różne aspekty budowy projektów ecommerce.

p.s. nie zamierzam komentować/oceniać tych sklepów  a jedynie je wam pokazać. Sami sprawdźcie czy wam się podobają i czy jest coś co chcielibyście wykorzystać przy własnych projektach.

1. www.ballchairshop.com

www.ballchairshop.com

2. www.cacestgang.com

www.cacestgang.com

3. www.momentskis.com

www.momentskis.com

4. alienbikes.com

5. www.burton.com

www.burton.com

Na stronach producenta oprogramowanie nie ma jeszcze oficjalnych informacji odnośnie aktualnych problemów.

Aktualizacja (23.12.2011 13:00) pojawiła się już oficjalna informacja odnośnie awarii. Przyczyną była awaria jednego z serwerów.

“Jeden z serwerów, oznaczony jako ovh66.iai-system.com współdzielonych uległ awarii, przekazujemy informację dla klientów mających sklepy na tym serwerze.

Wczoraj w godzinach wczesno-popołudniowych serwer ten zawiesił się w sposób nieoczekiwany. Po restarcie wykonywała procedura synchronizacji macierzy RAID1 zainstalowanej w tym serwerze. Macierz RAID1 jest stosowana we wszystkich naszych serwerach z uwagi na bezpieczeństwo przed uszkodzeniem fizycznym jednego z dysków. Polega ona na tym, że na 2 dyskach zapisywane są takie same dane…”

cały komunikat można przeczytać na http://www.iai-shop.com/pr-press-release.phtml?id=1235323908

Jakie słowo (angielskie oczywiści) obstawiacie? Pomyślcie zanim przejdziecie dalej i zobaczycie odpowiedź