Polskie wsparcie PrestaShop

PrestaShop => Moduły => Wątek zaczęty przez: Mallard2 w Lipiec 16, 2012, 08:55:52 pm

Tytuł: efekt rollover zdjęcia produktu w kategorii
Wiadomość wysłana przez: Mallard2 w Lipiec 16, 2012, 08:55:52 pm

Poszukuje modułu (również płatnego), który zmieniałby obrazek produktu na nr 2 po najechaniu na produkt na stronie kategorii :)

Coś w rodzaju rollover. Coś jak na tym przykładzie : http://www.lafraise.com/Index/index/style/41 Ale chodzi mi tylko o same zdjęcie bez dodatkowych opisów. ;)

Tytuł: Odp: efekt rollover zdjęcia produktu w kategorii
Wiadomość wysłana przez: design4VIP w Lipiec 17, 2012, 09:32:40 pm

kiedys pisalem modulik ktory zmienial po najechaniu myszka na druga fotke, ale to tyczylo sie zdjec produktow np. w featured czy product-list, co do kategorii to na jakie zdjecie mialo by sie zmieniac? wybranego produktu (losowo) z danej kategorii czy w kategorii bylyby wrzucane dwa zdjecia?

Tytuł: Odp: efekt rollover zdjęcia produktu w kategorii
Wiadomość wysłana przez: Mallard2 w Lipiec 19, 2012, 12:20:44 am

Chodzi właśnie o coś takiego jak piszesz, czyli zmiana na drugą fotkę po najechaniu danego produktu w product-list
Aktualnie mam coś takiego, nie jest to moduł ale zmiana w core. PO najechaniu w product-list zmienia na drugie zdjęcie. Tylko że przy tym robi spustoszenie gdzie indziej, bo w przypadku price-drop.php czy search.php kasuje wszystkie zdjęcia :(
Dlatego szukam rozwiązania które  wyświetlałoby ten efekt  w product-list , featured , search, price-drop itd.

Tytuł: Odp: efekt rollover zdjęcia produktu w kategorii
Wiadomość wysłana przez: design4VIP w Lipiec 19, 2012, 07:57:34 pm

moze sie przyda, ciekawy tutorialik:

Cytuj

To gain rollover image on home featured module either follow these step or replace your file(in module->homefeauterd) with file provided

Warning- backup your files before you make changes author will not responsible for any damage.
By editing or replacing the file you will change prestashop default file it may cause error in updating prestashop version


STEP 1

Replace following line in homefeatured.tpl

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" class="vky"/>

Replace with ---

 {* ---- modified portion to show rollover image on home featured product  start here *}
<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" class="vky"/>
                                        {foreach from=$addimages  key=k item=v}
                                        {if $k==$product.id_product}
                                        <img src="{$link->getImageLink($product.link_rewrite,$product.id_product|cat:"-"|cat:$v, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.legend|escape:htmlall:'UTF-8'}" style="display:none" class="v" />
                                        {/if}
                                        {/foreach}
{* ---- modified portion to show rollover image on home featured product  End  here *}


STEP2

add following js at the end of page

Kod: [Zaznacz]

{* additional jquery code to rollover image on home featured product *}
{literal}
     <script type="text/javascript">
      $(document).ready(function(){
      $("img.vky").mouseover(function(){
      if ( $(this).next("img").length > 0 ) {
      $(this).next("img").show();
      $(this).hide();
      }
    });
     $(".v").mouseout(function(){
      $(this).hide();
      $(this).prev("img").show();
    });
});
    </script>
{/literal}
STEP3

homefeatured.php

< Replace following code in function hookHome($params) near line no 99  >

Kod: [Zaznacz]

$products = $category->getProducts((int)($params['cookie']->id_lang), 1, ($nb ? $nb : 10));

Replace with the code

Kod: [Zaznacz]

$products = $category->getProducts((int)($params['cookie']->id_lang), 1, ($nb ? $nb : 10));
                $p=array();
               for($i=0;$i<count($products);$i++){
                $product=$products[$i];
                unset ($pid);
                $pid=$product['id_product'];
               $sql= "SELECT * FROM  `"._DB_PREFIX_."image` WHERE  `id_product` =  '{$pid}' AND cover =  '0' ORDER BY  `id_image` ";
               $results = Db::getInstance()->ExecuteS($sql);
               $result=$results[0];
               $p[$pid]=$result['id_image'];
               }
      $smarty->assign('addimages',$p);