Obrázek ve vyhledávání

Publikováno Zaúčtováno v Blog Tagged with , ,

Včera, při večerním čtení, jsem narazil na hezky napsaný článek http://www.vceliste.cz/jak-zmenou-obrazku-zvysit-konverzni-pomer/, který popisuje, proč je dobré se věnovat produktovým fotkám v eshopu, zkoušet za pomocí A/B testování změny na webu či přidání produktové fotky do našeptávačů (vyhledávání) na webu. Pokud se rozhodnete tento článek přečíst, určitě jej doplňte ještě článkem od Honzy Kvasničky: Zvyšování konverzního poměru v praxi.

V obou článcích naleznete odkaz na Mall.cz, kterému se podařilo díky zvětšení produktové fotky v kategorii, zvýšit konverzní poměr o 9%. Což u tak velkého eshopu rozhodně není zanedbatelné číslo.

Mě zaujala možnost přidání produktové fotky do vyhledávání na Prestashopu.

 

Jak přidat produktovou fotku do vyhledávání Prestashopu?

  1.  Zálohujte soubor/modules/blocksearch/blocksearch-top.tpl
  2. Upravte v souboru /modules/blocksearch/blocksearch-top.tpl kód níže:
$("#search_query_top")
    .autocomplete(
         '{/literal}{if $search_ssl == 1}{$link->getPageLink('search.php', true)}{else}{$link->getPageLink('search.php')}{/if}{literal}', {
          minChars: 3,
          max: 10,
          width: 500,
          selectFirst: false,
          scroll: false,
          dataType: "json",
          formatItem: function(data, i, max, value, term) {
           return  value;
          },

na:

$("#search_query_top")
    .autocomplete(
         '{/literal}{if $search_ssl == 1}{$link->getPageLink('search.php', true)}{else}{$link->getPageLink('search.php')}{/if}{literal}', {
          minChars: 3,
          max: 10,
          width: 500,
          selectFirst: false,
          scroll: false,
          dataType: "json",
          formatItem: function(data, i, max, value, term) {
           return "<img src="" + baseDir + "img/tmp/" + "product_mini_" + data.id_product + ".jpg"  alt="" + value + "" />" + value;
          },

 

  • pokud se změna neprojeví, zapněte „nucenou kompilaci“ a vypněte „cache“.

Tento návod je odzkoušen na Prestashopu 1.4.7.

 

Budu rád za vaše komentáře.