[www] Sklep gl-art.pl Opcje

[thomson89]

Witam!

Proszę o ocenę sklepu internetowego firmy GL-Art - http://www.sklep.gl-art.pl/

Poprawiłem wygląd, niektóre funkcjonalności. Planuję także uprościć formularz rejestracji i zastanawiamy się nad wprowadzeniem zakupów bez rejestracji.

Proszę głównie o opinię na temat: czy łatwo jest się poruszać po sklepie, czy sklep jest ładny, czy przyjemnie się dokonuje zakupów.

Jeżeli ktoś będzie chciał składać zamówienia testowe, proszę o dopisek w adnotacjach do zamówienia: forumphp ocena.

Pozdrawiam, Mateusz!

[d3ut3r]

Moim zdaniem brak generowanych miniatur dla produktów zabija wydajność tej strony. Na przykład tutaj http://www.sklep.gl-art.pl/W_6228_AB_18-286- zdjęcie ma 4000x3000 pikseli co spowalnia ładowanie strony poza tym na stronie produktu kliknięcie zdjęcia głównego ładuje nam zdjęcie w oknie przeglądarki (miniaturka pod spodem ma lightboxa).

Kolejna rzecz klikam dodaj do koszyka dostaje komunikat Produkt dodano do koszyka. Pokaż koszyk ale box w lewej kolumnie się nie odświeża.

Kolejna rzecz jeżeli dodam 2 takie same produkty do koszyka i odświeżę stronę to mam w boxie info:

Zawartość koszyka

Ilość produktów: 1
Łącznie: 116 zł

co jest błędem bo mam 2 produkty o łącznej kwocie 116 zł chyba że dodasz info Ilość różnych produktów: 1 wtedy to będzie prawdziwe (IMG:style_emoticons/default/smile.gif)

W koszyku mogę zmienić ilość na 0 ale nie usunie mi to przedmiotu z koszyka jestem ciekaw co się stanie po wysłaniu takiego zamówienia ? (IMG:style_emoticons/default/smile.gif)

Jeżeli wejdę na stronę kategorii z linku: http://sklep.gl-art.pl/kategoria/1/1 (czyli bez WWW) to kliknięcie dodaj do koszyka skutkuje pokazaniem komunikatu i nie dodanie produktu do koszyka (IMG:style_emoticons/default/smile.gif)

Generalnie skrypt wymaga jeszcze sporo pracy (IMG:style_emoticons/default/smile.gif)

[toffiak]

1) Strona rozjeżdża się na ubuntu.
#page-bg width: 1100px

2) Skalujesz pełne ciężkie obrazki, stwórz zamiast nich miniaturki.
3) Widać ten brzydki domyślny motyw jqueryui, choć to czy jest brzydki to pojęcie względne
4) Layout co najwyżej przeciętny

[thomson89]

...na stronie produktu kliknięcie zdjęcia głównego ładuje nam zdjęcie w oknie przeglądarki (miniaturka pod spodem ma lightboxa).

I tu jest problem. Bo nie można wywołać fancyboxa bez dodania obrazka do kolekcji obrazków, co u mnie skutkowałoby dwoma takimi samymi zdjęciami w fancyboxie.

W koszyku mogę zmienić ilość na 0 ale nie usunie mi to przedmiotu z koszyka jestem ciekaw co się stanie po wysłaniu takiego zamówienia ?

Hehe (IMG:style_emoticons/default/biggrin.gif) Można zamówić 0 sztuk produktu (IMG:style_emoticons/default/smile.gif) Poprawione.

Ten post edytował thomson89 5.04.2012, 14:39:22

[d3ut3r]

I tu jest problem. Bo nie można wywołać fancyboxa bez dodania obrazka do kolekcji obrazków, co u mnie skutkowałoby dwoma takimi samymi zdjęciami w fancyboxie.

Możesz to rozwinąć ? używałem fancyboxa całkiem nie dawno i nie miałem żadnych problemów być może pomogę.

[thomson89]

Szukam sposobu na manual call.

[HTML] pobierz, plaintext 
<!-- duzy obrazek -->
<img height="220" src="/produkty/386/1.jpg" class="/produkty/386/1.jpg" id="podglad" align="top"></a>
 
<span class="male">
<div id="overview" class="overview">
<a rel="galeria" href="/produkty/386/1.jpg"><img height="75" id="p1" src="/produkty/386/1.jpg"></a>
<a rel="galeria" href="/produkty/386/2.jpg"><img height="75" id="p2" src="/produkty/386/2.jpg"></a><
</span>
[HTML] pobierz, plaintext 

Jak dodam rel="galeria" do dużego obrazka, to obrazek 1.jpg będzie powtórzony w fancyboxie. Jak nie dodam, nie będzie otwierał fancyboxa.

Mam taki kod js:

[JAVASCRIPT] pobierz, plaintext 
$("#fboxcall").click(function() {
                                        //tutaj cos co otworzy fancyboxa
                                });
 
                                $("a[rel=galeria]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Zdjęcie ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
				}
				});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował thomson89 5.04.2012, 15:04:17

[Niktoś]

A jakieś konto testowe ,aby nie trzeba było sie rejestrować?Ech koszyk strasznie niedopracowany-możliwe jest wpisanie liczby poza zakres decimal,możliwość wpisania liczby ujemnej,usuwanie przedmiotów nie działa, wpisanie litery zamiast liczby w koszu powoduje zresetowanie kosza.

Ten post edytował Niktoś 5.04.2012, 15:22:00

[d3ut3r]

http://fancyapps.com/fancybox/#examples

sekcja single image

[HTML] pobierz, plaintext 
<a id="big_photo" href="http://link_do_duzego_obrazka" title="tytul duzego obrazka">
	<img src="miniaturka.jpg" alt="" />
</a>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
 
    $("#big_photo").fancybox({
          helpers: {
              title : {
                  type : 'float'
              }
          }
      });
 
});
[JAVASCRIPT] pobierz, plaintext 

o to chodziło ?

[thomson89]

Nie, nie o to. To otworzy tylko to duże zdjęcie. A chodzi o to, by otworzyło galerię.

A jakieś konto testowe ,aby nie trzeba było sie rejestrować?Ech koszyk strasznie niedopracowany-możliwe jest wpisanie liczby poza zakres decimal,możliwość wpisania liczby ujemnej,usuwanie przedmiotów nie działa, wpisanie litery zamiast liczby w koszu powoduje zresetowanie kosza.

Rzeczywiście... (IMG:style_emoticons/default/sad.gif) Mam nadzieje, że już poprawione.

login: test, hasło: forumphp

Ten post edytował thomson89 5.04.2012, 15:46:58

[d3ut3r]

Nie, nie o to. To otworzy tylko to duże zdjęcie. A chodzi o to, by otworzyło galerię.

w takim razie zrób nowe zdarzenie dla click dużego obrazka i za pomocą metody:

$.fancybox.open otwórz galerię. Czyli duży obrazek nie ma klasy galeria ale odpalić ją możesz tak:

[JAVASCRIPT] pobierz, plaintext 
$.fancybox.open('a[rel=galeria]');
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował d3ut3r 5.04.2012, 16:03:50

[thomson89]

Niestety nie działa...

[d3ut3r]

Na szybko napisałem coś takiego:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="css/style.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.0.5" type="text/css" media="screen" />
    <script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.0.5"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $("a.galeria").fancybox();
 
        $("#big a").click(function(){
          var obj=$("a.galeria")
          $.fancybox.open(obj);
          return false;
        });
 
      });
    </script>
    <title>FancyTest</title>
  </head>
  <body> 
    <div id="gallery">
      <div id="big">
       <a href="1.jpg"><img src="1.jpg" class="medium" /></a>
      </div>
      <div id="thumbs">
        <ul>
         <li>
           <a class="galeria" rel="gal1" href="1.jpg"><img src="1.jpg" class="thumb" /></a>
         </li>
         <li>
           <a class="galeria" rel="gal1" href="2.jpg"><img src="2.jpg" class="thumb" /></a>
         </li>
         <li>
           <a class="galeria" rel="gal1" href="3.jpg"><img src="3.jpg" class="thumb" /></a>
         </li>
        </ul>
      </div>
  </body>
</html>
[HTML] pobierz, plaintext 

do tego style:

[HTML] pobierz, plaintext 
body{
 
  font-family:Arial,sans-serif;
  font-size:13px;
  color:#000;
}
 
div#big {
  border:1px dotted #000;
  padding:10px;
  width:300px;
}
 
img.medium {
  width:300px;
}
 
div#thumbs{
 
  width:320px;
  height:100px;
  border:1px solid #000;
 
}
 
 
div#thumbs .thumb{
  height:100px;
  max-width:100px;
  border-right:1px dashed red;
}
 
div#thumbs ul li{
  float:left;
}
[HTML] pobierz, plaintext 

i wszystko wydaje się działać bez najmniejszego problemu (IMG:style_emoticons/default/smile.gif)

[thomson89]

Na razie zamieniłem w sklepie <a> na <span>

Niestety kod u mnie nie działa. Może mógłbyś się mu przyjrzeć w źródle strony?

[d3ut3r]

Zaktualizuj fancybox do najnowszej wersji, z tego co widzę masz wersję 1.3.1 najnowsza to 2.0.5 [http://fancyapps.com/fancybox/#license]

[thomson89]

2) Skalujesz pełne ciężkie obrazki, stwórz zamiast nich miniaturki.

Obrazki domyślnie były skalowane z 4000x3000 na 500x375. Zdarzały się jednak obrazki, dodawane przed wprowadzeniem automatycznego zmniejszania.

Ale rzeczywiście, strona ładowała się wolno. Teraz dodałem obrazki normalne oraz miniatury.

d3ut3r - dzięki, działa (IMG:style_emoticons/default/smile.gif)

Ten post edytował thomson89 6.04.2012, 13:01:51