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

[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]

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

[fursic]

Как интегрировать ckeditor в отзывы и форму обратной связи, комментам к заказу?

[nictboom]

Как интегрировать ckeditor в отзывы и форму обратной связи, комментам к заказу?

Вы думаете это нужно? Или Вы думаете получите разноцветное сообщение с картинками?
пока просто не понимаю зачем...

[fursic]

Вы думаете это нужно? Или Вы думаете получите разноцветное сообщение с картинками?
пока просто не понимаю зачем...

Ну, если я спрашиваю, значит думаю – нужно...
Разве плохо, если в отзывах можно вставить смайлик типа yes или в форму обратной связи (например для рекламного агентства) прикрепить фото для пояснения чего-либо?
Или выделить текст курсивом или жирным.

Я ж не спрашиваю, надо ли. Я спрашиваю возможно ли это? И как?

[nictboom]

как все просто..

Я спрашиваю возможно ли это?

нет. и пока, ни как.

[fursic]

Прикрутил...
В общем, решается просто:
вверху путь к скрипту вставляем:
<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, так и в админке...

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