Polskie wsparcie PrestaShop
PrestaShop => Wygląd => Wątek zaczęty przez: konrad1cs w 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?
(http://s4.ifotos.pl/mini/zaljpg_erxhenh.jpg)
-
oczywiście musiałbyś użyć jquery
-
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
-
poradnik http://www.tutorialspoint.com/jquery/effect-bounce.htm - przykład http://citystyle4you.co.uk/
zmieniasz plik product tpl w katalogu tematu
-
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 ?
-
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
-
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}
<>
-
gdzieś masz błąd
-
Tylko pytanie, czy w tym kodzie? czy gdzieś indziej ;/
-
nie zamknąłeś if-a
-
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
-
Podtrzymuję, to pomoże mi ktos?
-
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.
-
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.