Legosp Forum
Shop-Script "Legosp" => Общие вопросы => Тема начата: Al_Uk от Ноября 09, 2011, 04:17:36 pm
-
По мнению Мэтт Катса [Matt Cutts] (главный инженер Гугл) для интернет магазина важно:
1. цена на товар
2. отзывы к товару (много и разнообразных)
3. качественные и красивые фотографии
-с ценой ясно, чем дешевле тем лучше.
-с фотками тоже. Много качественных фото, причем желательно выводить все вместе, чтобы покупатель не думал, где бы ему найти еще фоток.
Типа как на фото.
Делается это с помощью CSS. Но правда непонятно, что делать, если дополнительных фото больше трех.
(http://velodom.com.ua/i/500/500/41230.jpg) (http://velodom.com.ua/full/41230.jpg)
Отзывы одна из важнейших составляющих успеха интернет магазина.
С качественными отзывами люди будут заходить к вам повторно просто чтобы почитать, что пишут еще люди о интересующей модели товара.
Если у товара появились отзывы, покупатель должен знать об этом еще на стадии просмотра каталога категорий.
На страничке товара нужно обязательно указывать, сколько есть дополнительных отзывов, см. картинку.
(http://velodom.com.ua/i/500/500/41231.jpg) (http://velodom.com.ua/full/41231.jpg)
для лего 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]
-
В категориях так же в обязательном порядке должно быть видно, сколько отзывов к товару.
Очень многие пользователи щелкают просто так по товару, у которого есть отзывы, чтобы почитать, чего люди интересного пишут. Это благотворно сказывается на ранжировании сайта и кроме того, потенциальный покупатель начинает больше доверять этому интернет магазину.
В лего 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]
(http://velodom.com.ua/i/500/500/41232.jpg) (http://velodom.com.ua/full/41232.jpg)
В лего 5 код файла category.php изменился и знаний не хватает портировать этот код.
-
Спасибо. Информативно. Применю у себя.
А к доп. картинкам как то слайдер прикрутить нада.
-
Спасибо. Информативно. Применю у себя.
А к доп. картинкам как то слайдер прикрутить нада.
кстати да.. в CSS это можно сделать
-
А вот вам и по поводу отзывов http://lego.shop-script.org/product/kommentarii-5/ :P
это матерый скрипт.
Работает отлично, опробован на 3-4 сайтах.
Рекомендую к покупке.
Но тут речь именно о выводе количества отзывов в категориях и подкатегориях.
Весь вечер корпел над кодом category.php LEGO 5, но так ничего и не понял как внедрить со старой версии LEgo 4.6....
выглядеть это должно, как на картинке.
Тестировали такую фишку на Джумле с виртумартом. За пару месяцев ЯндексМетрика показала, что пользователи кликают на товар с комментариями в 3 раза больше чем на любой другой товар без комментов, даже если на нем стоит Акция и т.п.
(http://my.jetscreenshot.com/7446/20111109-wobk-134kb.jpg)
-
Полностью соглашусь с доводами Al_UK.
slamm, комментарии(обсуждения) и отзывы это разные понятия.
Н-р, на маркете (http://market.yandex.ru/model-opinions.xml?modelid=7012977&hid=91491) это очень наглядно показано.
-
По мнению Мэтт Катса [Matt Cutts] (главный инженер Гугл) для интернет магазина важно:
1. цена на товар
2. отзывы к товару (много и разнообразных)
3. качественные и красивые фотографии
-с ценой ясно, чем дешевле тем лучше.
-с фотками тоже. Много качественных фото, причем желательно выводить все вместе, чтобы покупатель не думал, где бы ему найти еще фоток.
Типа как на фото.
Делается это с помощью CSS. Но правда непонятно, что делать, если дополнительных фото больше трех.
(http://velodom.com.ua/i/500/500/41230.jpg) (http://velodom.com.ua/full/41230.jpg)
Отзывы одна из важнейших составляющих успеха интернет магазина.
С качественными отзывами люди будут заходить к вам повторно просто чтобы почитать, что пишут еще люди о интересующей модели товара.
Если у товара появились отзывы, покупатель должен знать об этом еще на стадии просмотра каталога категорий.
для лего 4,6/5 это делается в файле шаблона product_detailed.tpl.html
а где бы посмотреть шаблон, где дополнительные фото товаров сделаны как Al UA показал на картинке. Т.е. под основным фото были все остальные, не только три..
Есть у кого то такой шаблон?
и как вообще это реализовать, если фото больше трех?
-
нужен исходник CSS
сайчас пытаюсь найти подобный шаблон на OpenCart или ShopScript...
пока ничего путного не находиться.
я так понимаю, что ели фото больше трех, нужно через js делать.
видела подобное на сайте http://vo-stok.com.ua/product/htc-s710f-g11-253/ у Ярика.
каким образом туда прикручен код JS ?
-
нужен исходник 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]
-
или альтернативный вариант с прокруткой средствами только 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]
Должно получится что то вроде этого:
(http://velodom.com.ua/i/500/500/44672.jpg) (http://velodom.com.ua/full/44672.jpg)
у меня в итоге получилось как то так:
код вставлял перед строчкой {if $product_info[5] || $p_default}
(http://velodom.com.ua/i/500/500/44673.jpg) (http://velodom.com.ua/full/44673)
-
с горизонтальным скролом галлерею не получилось сделать.. ((
если где то ошибся, прошу старожил поправить...
все же знания CSS пока только зачаточные.. (
-
можно сделать так:
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. картинка(курсор):(http://s56.radikal.ru/i154/1201/99/81c492ca8689.gif) (http://www.radikal.ru)сохранить в css/css_тема/image/ с именем btn_next_prev.gif.
ps/ чуть поправил, просто себе я делал для других задач, другой ксс и настройки...
-
можно сделать так:
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. картинка(курсор):(http://s56.radikal.ru/i154/1201/99/81c492ca8689.gif) (http://www.radikal.ru)сохранить в css/css_тема/image/ с именем btn_next_prev.gif.
ps/ чуть поправил, просто себе я делал для других задач, другой ксс и настройки...
клевое решение..
только странность если дополнительнок фото всего одно.. тогда она не появляется в карусели под главным фото.. Если доп. фото две и более то все работает как положено..
хм.. странно
-
В лего 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 ?
-
По мнению Мэтт Катса [Matt Cutts] (главный инженер Гугл) для интернет магазина важно:
1. цена на товар
2. отзывы к товару (много и разнообразных)
3. качественные и красивые фотографии
-с ценой ясно, чем дешевле тем лучше.
-с фотками тоже. Много качественных фото, причем желательно выводить все вместе, чтобы покупатель не думал, где бы ему найти еще фоток.
Типа как на фото.
Делается это с помощью CSS. Но правда непонятно, что делать, если дополнительных фото больше трех.
(http://velodom.com.ua/i/500/500/41230.jpg) (http://velodom.com.ua/full/41230.jpg)
Отзывы одна из важнейших составляющих успеха интернет магазина.
С качественными отзывами люди будут заходить к вам повторно просто чтобы почитать, что пишут еще люди о интересующей модели товара.
Если у товара появились отзывы, покупатель должен знать об этом еще на стадии просмотра каталога категорий.
На страничке товара нужно обязательно указывать, сколько есть дополнительных отзывов, см. картинку.
(http://velodom.com.ua/i/500/500/41231.jpg) (http://velodom.com.ua/full/41231.jpg)
для лего 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]
С отзывами понятно, а что прописать в доп фото, чтобы тоже их кол. во вкладке вывести?
-
Как интегрировать ckeditor в отзывы и форму обратной связи, комментам к заказу?
-
Как интегрировать ckeditor в отзывы и форму обратной связи, комментам к заказу?
Вы думаете это нужно? Или Вы думаете получите разноцветное сообщение с картинками?
пока просто не понимаю зачем...
-
Вы думаете это нужно? Или Вы думаете получите разноцветное сообщение с картинками?
пока просто не понимаю зачем...
Ну, если я спрашиваю, значит думаю – нужно...
Разве плохо, если в отзывах можно вставить смайлик типа yes или в форму обратной связи (например для рекламного агентства) прикрепить фото для пояснения чего-либо?
Или выделить текст курсивом или жирным.
Я ж не спрашиваю, надо ли. Я спрашиваю возможно ли это? И как?
-
как все просто..
Я спрашиваю возможно ли это?
нет. и пока, ни как.
-
Прикрутил...
В общем, решается просто:
вверху путь к скрипту вставляем:
<script type="text/javascript" src="core/ckeditor/ckeditor.js"></script>
внизу прописываем:
{literal}
<script type="text/javascript">
CKEDITOR.replace( 'description',
{
filebrowserBrowseUrl : './core/ckeditor/plugins/ckfinder/ckfinder.html'
}
);
</script>
{/literal}
и добавляем в поле формы textarea class="description" id="description"
вот и все...
Но, на мэил.ру, во-первых теряется форматирование (разве что болд остается), теряются таблицы и фотки тоже не показываются.
Пишет:
ВНИМАНИЕ!
Данное письмо содержит потенциально опасный HTML-код, заблокированный системой безопасности.
Возможно, оно отображается неправильно.
На доменные ящики тоже приходит обрезанное без таблиц и картинок (только поле).
Это, что касается формы обратной связи...
А вот отзывы приходят на мыло в виде HTML-кода, но в системе отображаются более-менее корректно, как в product_detailed, так и в админке...
В общем, своего добился, только осталось с картинками и флэшом что-то решать, чтоб не через сервер подгружать, а то доступ к галерее любой будет иметь...