Важные параметры для интернет магазина

[Al_Uk]

По мнению Мэтт Катса [Matt Cutts] (главный инженер Гугл) для интернет магазина важно:

1. цена на товар
2. отзывы к товару (много и разнообразных)
3. качественные и красивые фотографии

-с ценой ясно, чем дешевле тем лучше.
-с фотками тоже. Много качественных фото, причем желательно выводить все вместе, чтобы покупатель не думал, где бы ему найти еще фоток.
Типа как на фото.
Делается это с помощью CSS. Но правда непонятно, что делать, если дополнительных фото больше трех.


Отзывы одна из важнейших составляющих успеха интернет магазина.
С качественными отзывами люди будут заходить к вам повторно просто чтобы почитать, что пишут еще люди о интересующей модели товара.

Если у товара появились отзывы, покупатель должен знать об этом еще на стадии просмотра каталога категорий.

На страничке товара нужно обязательно указывать, сколько есть дополнительных отзывов, см. картинку.



для лего 4,6/5 это делается в файле шаблона product_detailed.tpl.html

[spoiler]находим код (~198  строка шаблона css\css_default-full)

Код: [Выделить]

{if $product_thumb[0] ne NULL}
<a rel="#tab_image">{$smarty.const.ADMIN_PRODUCT_THUMB}</a>
{/if}
<a rel="#tab_review">{$smarty.const.PRODUCT_REVIEW_TITLE}</a>
меняем на

Код: [Выделить]

{if $product_thumb[0] ne NULL}
    <a rel="#tab_image">{$smarty.const.ADMIN_PRODUCT_THUMB} ({$product_thumb|@count})</a>
{/if}
    <a rel="#tab_review">{$smarty.const.PRODUCT_REVIEW_TITLE} {if $reviews} ({$reviews|@count}){/if}</a>[/spoiler]

[Al_Uk]

В категориях так же в обязательном порядке должно быть видно, сколько отзывов к товару.
Очень многие пользователи щелкают просто так по товару, у которого есть отзывы, чтобы почитать, чего люди интересного пишут. Это благотворно сказывается на ранжировании сайта и кроме того, потенциальный покупатель начинает больше доверять этому интернет магазину.

В лего 4,6 pehser предлагал такое решение, которое вполне успешно работало:
[spoiler]

в файле /includes/category.php ищем

Код: [Выделить]

$q = db_query("SELECT categoryID, ".PRODUCTS_TABLE.".name, brief_description, customers_rating, Price, picture, in_stock, thumbnail, customer_votes, big_picture, list_price, productID, product_code, ".PRODUCTS_TABLE.".hurl, items_sold, ".PRODUCTS_TABLE.".brandID, ".BRAND_TABLE.".name, ".BRAND_TABLE.".hurl FROM ".PRODUCTS_TABLE." LEFT JOIN ".BRAND_TABLE." USING(brandID) WHERE categoryID='".$categoryID."' AND enabled='1' ORDER BY ".PRODUCTS_TABLE.".".$_SESSION["sort"]." ".$_SESSION["order"]) or die (db_error());
замени на

Код: [Выделить]

$q = db_query("SELECT categoryID, ".PRODUCTS_TABLE.".name, brief_description, customers_rating, Price, picture, in_stock, thumbnail, customer_votes, big_picture, list_price, productID, product_code, ".PRODUCTS_TABLE.".hurl, items_sold, ".PRODUCTS_TABLE.".brandID, ".BRAND_TABLE.".name, ".BRAND_TABLE.".hurl, count(".REVIEW_TABLE.".reviewID)  FROM ".PRODUCTS_TABLE." LEFT JOIN ".REVIEW_TABLE." USING ( productID ) LEFT JOIN ".BRAND_TABLE." USING(brandID) WHERE categoryID='".$categoryID."' AND enabled='1'  group by ".PRODUCTS_TABLE.".productID   ORDER BY ".PRODUCTS_TABLE.".".$_SESSION["sort"]." ".$_SESSION["order"]) or die (db_error());
{$product_info[18]} количество отзывов

в файле темы  product_brief.tpl.html
добавить где нибудь после "рейтинга", строки 40-50

<!--Отзывы!-->

{if $product_info[18] > 0} <font color="green"><b>(Отзывов {$product_info[18]})</font></b>{else} <font color="grey"> (Отзывов 0) </font>{/if}

<br>

<!--конец отзывов

!-->

для того чтоб в пустых категориях отоброжалось тоже надо другой запрос в этом файле по править а имено

$s = "SELECT categoryID, ".PRODUCTS_TABLE.".name, brief_description, customers_rating, Price, picture, in_stock, thumbnail, customer_votes, big_picture, list_price, productID, product_code, ".PRODUCTS_TABLE.".hurl, items_sold, ".PRODUCTS_TABLE.".brandID, ".BRAND_TABLE.".name, ".BRAND_TABLE.".hurl FROM ".PRODUCTS_TABLE." LEFT JOIN ".BRAND_TABLE." USING(brandID) WHERE enabled='1'";

Для того чтоб ты понял логику читай про left join, group by, count все это относится к mysql

[/spoiler]



В лего 5 код файла category.php изменился и знаний не хватает портировать этот код.

[favn]

Спасибо. Информативно. Применю у себя.

А к доп. картинкам как то слайдер прикрутить нада.

[Al_Uk]

Спасибо. Информативно. Применю у себя.

А к доп. картинкам как то слайдер прикрутить нада.

кстати да.. в CSS это можно сделать

[Al_Uk]

А вот вам и по поводу отзывов http://lego.shop-script.org/product/kommentarii-5/ 

это матерый скрипт.
Работает отлично, опробован на 3-4 сайтах.

Рекомендую к покупке.

Но тут речь именно о выводе количества отзывов в категориях и подкатегориях.
Весь вечер корпел над кодом category.php LEGO 5, но так ничего и не понял как внедрить со старой версии LEgo 4.6....

выглядеть это должно, как на картинке.

Тестировали такую фишку на Джумле с виртумартом. За пару месяцев ЯндексМетрика показала, что пользователи кликают на товар с комментариями в 3 раза больше чем на любой другой товар без комментов, даже если на нем стоит Акция и т.п.

[searchingman]

Полностью соглашусь с доводами Al_UK.

slamm, комментарии(обсуждения) и отзывы это разные понятия.
Н-р, на маркете это очень наглядно показано.

[hellen_89]

По мнению Мэтт Катса [Matt Cutts] (главный инженер Гугл) для интернет магазина важно:

1. цена на товар
2. отзывы к товару (много и разнообразных)
3. качественные и красивые фотографии

-с ценой ясно, чем дешевле тем лучше.
-с фотками тоже. Много качественных фото, причем желательно выводить все вместе, чтобы покупатель не думал, где бы ему найти еще фоток.
Типа как на фото.
Делается это с помощью CSS. Но правда непонятно, что делать, если дополнительных фото больше трех.


Отзывы одна из важнейших составляющих успеха интернет магазина.
С качественными отзывами люди будут заходить к вам повторно просто чтобы почитать, что пишут еще люди о интересующей модели товара.

Если у товара появились отзывы, покупатель должен знать об этом еще на стадии просмотра каталога категорий.


для лего 4,6/5 это делается в файле шаблона product_detailed.tpl.html

а где бы посмотреть шаблон, где дополнительные фото товаров сделаны как Al UA показал на картинке. Т.е. под основным фото были все остальные, не только три..
Есть у кого то такой шаблон?
и как вообще это реализовать, если фото больше трех?

[hellen_89]

нужен исходник CSS
сайчас пытаюсь найти подобный шаблон на OpenCart или ShopScript...
пока ничего путного не находиться.

я так понимаю, что ели фото больше трех, нужно через js делать.
видела подобное на сайте http://vo-stok.com.ua/product/htc-s710f-g11-253/ у Ярика.

каким образом туда прикручен код JS ?

[Al_Uk]

нужен исходник CSS
сайчас пытаюсь найти подобный шаблон на OpenCart или ShopScript...
пока ничего путного не находиться.

я так понимаю, что ели фото больше трех, нужно через js делать.
видела подобное на сайте http://vo-stok.com.ua/product/htc-s710f-g11-253/ у Ярика.

каким образом туда прикручен код JS ?

раньше пытался через jquery сделать такую галлераю фото, и в принципе получилось, и довольно красиво, но както рука не поднялась на сервер выложить, т.к.  боялся что нагрузка на сервер увеличится, а клиент мне этого не простит..
Все закончилось довольно радикально. Сделал, чтобы при переходе на страницу товара, сразу открывалась вкладка с доп фотографиями..
В шаблоне просто поменял местами ссылки #tab_image c #tab_description


для версии lego4.6 (для 5 вроде тоже подходит)
файл product_detailed.tpl.html
находим код вкладок tabs
(мой код может немного отличаться, т.к. перепилено много чего, но идея, думаю понятна)
[spoiler]
<div class="tabs" id="tabs">

<a rel="#tab_description">{$smarty.const.ADMIN_PRODUCT_DESC}</a>

{if $accompany}

<a rel="#tab_related">{$smarty.const.STRING_RELATED_ITEMS}</a>
{/if}

{if $product_thumb[0] ne NULL}
    <a rel="#tab_image">{$smarty.const.ADMIN_PRODUCT_THUMB} ({$product_thumb|@count})</a> 

{/if}
   <a rel="#tab_review" id="comments">{$smarty.const.PRODUCT_REVIEW_TITLE} {if $reviews} ({$reviews|@count}){/if}</a>
   

{*
{if $product_all_count ne NULL}

<a rel="#tab_all_product">{$smarty.const.ADMIN_CATEGORY_ALL} «{$selected_category[1]}»</a>
{/if}
*}


      </div>
[/spoiler]

меняем на [spoiler]

<div class="tabs" id="tabs">

{if $product_thumb[0] ne NULL}
    <a rel="#tab_image">{$smarty.const.ADMIN_PRODUCT_THUMB} ({$product_thumb|@count})</a> 

{/if}

<a rel="#tab_description">{$smarty.const.ADMIN_PRODUCT_DESC}</a>

{if $accompany}

<a rel="#tab_related">{$smarty.const.STRING_RELATED_ITEMS}</a>
{/if}


   <a rel="#tab_review" id="comments">{$smarty.const.PRODUCT_REVIEW_TITLE} {if $reviews} ({$reviews|@count}){/if}</a>
   

{*
{if $product_all_count ne NULL}

<a rel="#tab_all_product">{$smarty.const.ADMIN_CATEGORY_ALL} «{$selected_category[1]}»</a>
{/if}
*}


      </div>

[/spoiler]

[Al_Uk]

или альтернативный вариант с прокруткой средствами только CSS
Все миниатюры вставляются в блок DIV с параметром overflow:auto, который добавляет вертикальную прокрутку.
:
в файл product_detailed.tpl.html вставляем следующий код в любое место.
[spoiler]<div id="dop_kartinki">

{section name=i loop=$product_thumb}

<div style="float: left; text-align: left; margin:0;">

<a href="./products_thumb/{$product_thumb[i]}" rel="example_group">

  <img src="./products_thumb/P_{$product_thumb[i]}" alt="{$product_desc[i]}" width="100" height="100" />

</a><br />

  </div>

{/section}

</div>[/spoiler]
      



в файле CSS /ваша тема/stylesheet/stylesheet.css
в самом низу добавляем строки:
[spoiler]
#dop_kartinki{
margin:0;
margin-left:1px;
margin-top:1px;
float:left;
height:310px;
width:118px;
overflow: auto ; }
[/spoiler]

Должно получится что то вроде этого:


у меня в итоге получилось как то так:
код вставлял перед строчкой {if $product_info[5] || $p_default}

[Al_Uk]

с горизонтальным скролом галлерею не получилось сделать..  ((

если где то ошибся, прошу старожил поправить...
все же знания CSS пока только зачаточные.. (

[nictboom]

можно сделать так:
1. в css/css_тема/stylesheet/stylesheet.css добавить:
[spoiler]

Код: [Выделить]

.slide{display:block; width:490px; height:150px; position:relative; padding:5px 30px;}
.next {right:20px;background: url('../image/btn_next_prev.gif') no-repeat -10px 0px;}
.prev {left:20px;background: url('../image/btn_next_prev.gif') no-repeat 0px 0px;}
.next, .prev {width: 10px;height:50px;top:55px;position:absolute;cursor:pointer;}
[/spoiler]можно поиграть с размерами, эти сделал для наглядности
2. в core/js/js_scripts.js, после // Jcarusel hits show
добавить:

$(".slide .img_thumb").jCarouselLite({btnNext: ".next",btnPrev: ".prev", visible: 3, scroll: 1, speed: JSonData.CONF_HITS_SPEED, easeInQuad: "easeOutQuad"});
visible: 3 - кол-во показываемых, scroll: 1 - сколько прокручивать.
3. код слайдера(вставить где нужно):
[spoiler]{if $product_thumb}
<div class="slide">

<div class="img_thumb" style="margin-left:5px;">

<ul>

{section name=i loop=$product_thumb}

<li>

<div style="text-align: center;padding:0 5px;">

<a href="./products_thumb/{$product_thumb[i]}" rel="example_group" title="{$product_desc[i]}" >

<img src="./products_thumb/P_{$product_thumb[i]}" alt="{$product_desc[i]}" width="150" height="150" />

</a>

</div>

</li>
{/section}

</ul>

</div>

<div class="next" title="next"></div>

<div class="prev" title="prev"></div>
</div>
{/if}
[/spoiler]
4. картинка(курсор):сохранить в css/css_тема/image/ с именем btn_next_prev.gif.

ps/ чуть поправил, просто себе я делал для других задач, другой ксс и настройки...

[Al_Uk]

можно сделать так:
1. в css/css_тема/stylesheet/stylesheet.css добавить:
[spoiler]

Код: [Выделить]

.slide{display:block; width:490px; height:150px; position:relative; padding:5px 30px;}
.next {right:20px;background: url('../image/btn_next_prev.gif') no-repeat -10px 0px;}
.prev {left:20px;background: url('../image/btn_next_prev.gif') no-repeat 0px 0px;}
.next, .prev {width: 10px;height:50px;top:55px;position:absolute;cursor:pointer;}
[/spoiler]можно поиграть с размерами, эти сделал для наглядности
2. в core/js/js_scripts.js, после // Jcarusel hits show
добавить:

$(".slide .img_thumb").jCarouselLite({btnNext: ".next",btnPrev: ".prev", visible: 3, scroll: 1, speed: JSonData.CONF_HITS_SPEED, easeInQuad: "easeOutQuad"});
visible: 3 - кол-во показываемых, scroll: 1 - сколько прокручивать.
3. код слайдера(вставить где нужно):
[spoiler]{if $product_thumb}
<div class="slide">

<div class="img_thumb" style="margin-left:5px;">

<ul>

{section name=i loop=$product_thumb}

<li>

<div style="text-align: center;padding:0 5px;">

<a href="./products_thumb/{$product_thumb[i]}" rel="example_group" title="{$product_desc[i]}" >

<img src="./products_thumb/P_{$product_thumb[i]}" alt="{$product_desc[i]}" width="150" height="150" />

</a>

</div>

</li>
{/section}

</ul>

</div>

<div class="next" title="next"></div>

<div class="prev" title="prev"></div>
</div>
{/if}
[/spoiler]
4. картинка(курсор):сохранить в css/css_тема/image/ с именем btn_next_prev.gif.

ps/ чуть поправил, просто себе я делал для других задач, другой ксс и настройки...

клевое решение..
только странность  если дополнительнок фото всего одно.. тогда она не появляется в карусели под главным фото.. Если доп. фото две и более то все работает как положено..
хм.. странно

[favn]

В лего 4,6 pehser предлагал такое решение, которое вполне успешно работало:
[spoiler]
в файле темы  product_brief.tpl.html
добавить где нибудь после "рейтинга", строки 40-50

<!--Отзывы!-->

{if $product_info[18] > 0} <font color="green"><b>(Отзывов {$product_info[18]})</font></b>{else} <font color="grey"> (Отзывов 0) </font>{/if}

<br>

<!--конец отзывов

!-->

[/spoiler]



В лего 5 код файла category.php изменился и знаний не хватает портировать этот код.

Есть кто реализовал вывод количества отзывов в product_brief.tpl.html  для LE 5 ?

[FOX]

По мнению Мэтт Катса [Matt Cutts] (главный инженер Гугл) для интернет магазина важно:

1. цена на товар
2. отзывы к товару (много и разнообразных)
3. качественные и красивые фотографии

-с ценой ясно, чем дешевле тем лучше.
-с фотками тоже. Много качественных фото, причем желательно выводить все вместе, чтобы покупатель не думал, где бы ему найти еще фоток.
Типа как на фото.
Делается это с помощью CSS. Но правда непонятно, что делать, если дополнительных фото больше трех.


Отзывы одна из важнейших составляющих успеха интернет магазина.
С качественными отзывами люди будут заходить к вам повторно просто чтобы почитать, что пишут еще люди о интересующей модели товара.

Если у товара появились отзывы, покупатель должен знать об этом еще на стадии просмотра каталога категорий.

На страничке товара нужно обязательно указывать, сколько есть дополнительных отзывов, см. картинку.



для лего 4,6/5 это делается в файле шаблона product_detailed.tpl.html

[spoiler]находим код (~198  строка шаблона css\css_default-full)

Код: [Выделить]

{if $product_thumb[0] ne NULL}
<a rel="#tab_image">{$smarty.const.ADMIN_PRODUCT_THUMB}</a>
{/if}
<a rel="#tab_review">{$smarty.const.PRODUCT_REVIEW_TITLE}</a>
меняем на

Код: [Выделить]

{if $product_thumb[0] ne NULL}
    <a rel="#tab_image">{$smarty.const.ADMIN_PRODUCT_THUMB} ({$product_thumb|@count})</a>
{/if}
    <a rel="#tab_review">{$smarty.const.PRODUCT_REVIEW_TITLE} {if $reviews} ({$reviews|@count}){/if}</a>[/spoiler]

С отзывами понятно, а что прописать в доп фото, чтобы тоже их кол. во вкладке вывести?