wdrożenia PrestaShop

Typ wyświetlania się atrybutów

  • 13 Odpowiedzi
  • 5206 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline konrad1cs

  • Nowy
  • *
  • 17
  • 0
  • PrestaShop: 1.5.4
  • Status: Programista
Typ wyświetlania się atrybutów
« dnia: Marzec 11, 2014, 08:34:56 pm »

Witam.
Czy istnieje możliwość, aby wyświetlała mi się obok produktu lista atrybutów a obok niej kolor, wraz z możliwością przybliżenie/lekkiego powiększenia obrazka?

*

Offline west

  • Administrator
  • Mieszkaniec
  • *****
  • 5,292
  • 106
  • Płeć: Mężczyzna
  • Europasaz.pl
    • PrestaShop, Wordpress, SMF, Woocomerce
  • PrestaShop: 8.0
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #1 dnia: Marzec 11, 2014, 10:13:41 pm »
oczywiście musiałbyś użyć jquery
MODUŁY | https://europasaz.pl |  SKLEPY INTERNETOWE | WSPARCIE TECHNICZNE | HOSTING | https://europasaz.pl 

*

Offline konrad1cs

  • Nowy
  • *
  • 17
  • 0
  • PrestaShop: 1.5.4
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #2 dnia: Marzec 11, 2014, 10:59:26 pm »
Dziękuję za odpowiedz.
A w jakim stopniu musiał bym zmieniać .tpl, no i jak się za to zabrać.
P.S czas jest jak złoto

*

Offline west

  • Administrator
  • Mieszkaniec
  • *****
  • 5,292
  • 106
  • Płeć: Mężczyzna
  • Europasaz.pl
    • PrestaShop, Wordpress, SMF, Woocomerce
  • PrestaShop: 8.0
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #3 dnia: Marzec 13, 2014, 11:33:54 am »
poradnik http://www.tutorialspoint.com/jquery/effect-bounce.htm - przykład http://citystyle4you.co.uk/
zmieniasz plik product tpl w katalogu tematu
MODUŁY | https://europasaz.pl |  SKLEPY INTERNETOWE | WSPARCIE TECHNICZNE | HOSTING | https://europasaz.pl 

*

Offline konrad1cs

  • Nowy
  • *
  • 17
  • 0
  • PrestaShop: 1.5.4
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #4 dnia: Marzec 13, 2014, 11:56:01 am »
Dziękuję za odpowiedz
Tak, wiem już ze muszę edytować product.tpl, tylko efektem bounce nie uzyskam tego efektu, a zalezy mi żeby obok koloru, który dodam sobie do atrybutów wyświetlało się zdjęcie, które po najechaniu lekko się powieksza.

Efekt powiększenia jestem w stanie mniej wiecej uzyskać, tylko że nie wiem jak zduplikować atybuty,
tj mam liste i jak uzyskać obok np diva z tymi samymi odpowiednikami w formie obrazkow tak jak na przykładzie powyżej

<div class="attribute_list">
....
lista
....
<>

a obok
<div class="attribute_img"> - do tego już bym podpiął jquery z powiekszeniem
...
obrazki
...
<>

Czy dobrze rozumiem ?

*

Offline west

  • Administrator
  • Mieszkaniec
  • *****
  • 5,292
  • 106
  • Płeć: Mężczyzna
  • Europasaz.pl
    • PrestaShop, Wordpress, SMF, Woocomerce
  • PrestaShop: 8.0
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #5 dnia: Marzec 13, 2014, 05:16:13 pm »
musisz zrobić pętle dla koloru i pętle dla nazwy: zobacz jak w product.tpl masz ostylowany select i color następnie połącz to w jedno w if attribute = select
MODUŁY | https://europasaz.pl |  SKLEPY INTERNETOWE | WSPARCIE TECHNICZNE | HOSTING | https://europasaz.pl 

*

Offline konrad1cs

  • Nowy
  • *
  • 17
  • 0
  • PrestaShop: 1.5.4
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #6 dnia: Marzec 13, 2014, 08:37:03 pm »
Nie za bardzo się znam na php.
Zrobiłem to w taki sposób jak zaproponowales, ale lista produktu sie wgl nie wyświetla
Tutaj cały div z atrybutami:


                     <div class="attribute_list">
                     {if attribute = select}
                     {if ($group.group_type == 'select')}
                        <select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="attribute_select" onchange="findCombination();getProductAttribute();">
                           {foreach from=$group.attributes key=id_attribute item=group_attribute}
                              <option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>
                           {/foreach}
                        </select>
                     {elseif ($group.group_type == 'color')}
                        <ul id="color_to_pick_list" class="clearfix">
                           {assign var="default_colorpicker" value=""}
                           {foreach from=$group.attributes key=id_attribute item=group_attribute}
                           <li{if $group.default == $id_attribute} class="selected"{/if}>
                              <a id="color_{$id_attribute|intval}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}" style="background: {$colors.$id_attribute.value};" title="{$colors.$id_attribute.name}" onclick="colorPickerClick(this);getProductAttribute();">
                                 {if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}
                                    <img src="{$img_col_dir}{$id_attribute}.jpg" alt="{$colors.$id_attribute.name}" width="20" height="20" />

                                 {/if}
                              [/url]
                           </li>
                           {if ($group.default == $id_attribute)}
                              {$default_colorpicker = $id_attribute}
                           {/if}
                           {/foreach}
                        </ul>
                        <input type="hidden" class="color_pick_hidden" name="{$groupName}" value="{$default_colorpicker}" />
                        {/if}
                     {elseif ($group.group_type == 'radio')}
                        <ul>
                           {foreach from=$group.attributes key=id_attribute item=group_attribute}
                              <li>
                                 <input type="radio" class="attribute_radio" name="{$groupName}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} onclick="findCombination();getProductAttribute();" />
                                 <span>{$group_attribute|escape:'htmlall':'UTF-8'}</span>
                              </li>
                           {/foreach}
                        </ul>
                     {/if}
                     <>

*

Offline west

  • Administrator
  • Mieszkaniec
  • *****
  • 5,292
  • 106
  • Płeć: Mężczyzna
  • Europasaz.pl
    • PrestaShop, Wordpress, SMF, Woocomerce
  • PrestaShop: 8.0
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #7 dnia: Marzec 14, 2014, 08:59:58 am »
gdzieś masz błąd
MODUŁY | https://europasaz.pl |  SKLEPY INTERNETOWE | WSPARCIE TECHNICZNE | HOSTING | https://europasaz.pl 

*

Offline konrad1cs

  • Nowy
  • *
  • 17
  • 0
  • PrestaShop: 1.5.4
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #8 dnia: Marzec 15, 2014, 01:03:35 pm »
Tylko pytanie, czy w tym kodzie? czy gdzieś indziej ;/

*

Offline west

  • Administrator
  • Mieszkaniec
  • *****
  • 5,292
  • 106
  • Płeć: Mężczyzna
  • Europasaz.pl
    • PrestaShop, Wordpress, SMF, Woocomerce
  • PrestaShop: 8.0
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #9 dnia: Marzec 15, 2014, 04:39:13 pm »
nie zamknąłeś if-a
MODUŁY | https://europasaz.pl |  SKLEPY INTERNETOWE | WSPARCIE TECHNICZNE | HOSTING | https://europasaz.pl 

*

Offline konrad1cs

  • Nowy
  • *
  • 17
  • 0
  • PrestaShop: 1.5.4
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #10 dnia: Marzec 16, 2014, 10:51:05 am »
poprawiłem to, ale nadal nie wychodzi tak jak ma byc..

Mógł byś mi pokazać jak to ma w ostateczności ma być?
Strasznie zależy mi na czasie, żebym miał taką możliwość wartości atrybutów jak na stronie którą wrzuciłem wyżej, a ja sam nie dałem rady

*

Offline konrad1cs

  • Nowy
  • *
  • 17
  • 0
  • PrestaShop: 1.5.4
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #11 dnia: Kwiecień 01, 2014, 06:40:27 pm »
Podtrzymuję, to pomoże mi ktos?

*

Offline sandstorm

  • Nowy
  • *
  • 1
  • 0
  • PrestaShop: 1.5.6
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #12 dnia: Maj 29, 2014, 05:35:59 pm »
Witam,

Zarówno mnie jak i za pewne innych użytkowników w przyszłości interesuje takie rozwiązanie. Czy ktoś ma napisany przepis (kod) dla osiągnięcia takiego efektu jak powyżej?? Czy koledze, który pytał na początku się udało?? Dziękuję za wszelką pomoc.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Typ wyświetlania się atrybutów
« Odpowiedź #13 dnia: Maj 29, 2014, 07:50:08 pm »
Witam,

Zarówno mnie jak i za pewne innych użytkowników w przyszłości interesuje takie rozwiązanie. Czy ktoś ma napisany przepis (kod) dla osiągnięcia takiego efektu jak powyżej?? Czy koledze, który pytał na początku się udało?? Dziękuję za wszelką pomoc.
zasadniczo wszystko o tym juz zostalo powiedziane w tym watku...
1. zmiany w product.tpl w czesci atrybutow
2. dodanie javascript lub ajax dla powiazania wyboru z listy selscyjnej wyswietlania obrazkow
3. dodanie jQuery dla powiekszenia obrazu.

a co z czym i dlaczego... to dosc skomplikowana robota, dlatego watpie, zeby ktokolwiek podzielil sie takim (skainad intratnym i bardzo interesujacym dla klientow) rozwianiem. jednak ja preferuje raczej wyswietlanie grafik kolorow bez selecta, raczej daje zawsze ogladajemu wszystkie mozliwe gamy kolorystyczne 'na dloni', mysle, ze jest to bardziej przejrzyste rowiazanie. nawet, jakby tych grafik mialo byc 200-500, lepiej je stronicowac (podzielic na pare stron do przewijania) niz kazac klientowi klikac 200-500 razy w selecta zeby przegladal wszystkie, a juz przegladac 20 nie pamieta jak wygladal pierwszy kolor... fajne rozwiazanie, ale raczej malo proaktyczne i nie warte swojej pracy.
design4VIP z innej strony...