Автор Тема: FAQ и "улучшения" для Lego  (Прочитано 56072 раз)

shoper

  • Гость
FAQ и "улучшения" для Lego
« : Сентября 25, 2011, 01:11:29 pm »
Прошу поправьте если где ошибку допустил! Всё, что написано - бралось с форумов
Давно подумывал написать что-то в духе короткого, но содержательного FAQ по настройкам и "интересностям" Lego.
Многое уже сказано на этом и предыдущем форуме. Постараюсь подытожить и собрать в единую короткую систему =)
Буду постепенно добавлять в первый пост Информацию и то, что может быть полезным.

1. Первая установка и проверка прав на запись ( взято ЗДЕСЬ)
[spoiler]
Копируем файл install_chmod.php ( распакованный, естественно) и перед установкой Shop Script LE запускаем его: www.ваш_сайт.com/install_chmod.php если есть не состыковки с сервером - он выдаст ошибку.
После этого устанавливаем сам магазин www.ваш_сайт.com/install.php или просто нажимаем в самом скрипте - "установить магазин".
Рекомендация - если не планируете заполняли Базу Данных тестовыми товарами, тогда удалите из папок: products_thumb и products_pictures все файлы (это не нужные фото), кроме nofoto.jpg (это изображение, которое показано, если Вы не добавили свое фото для товара)
[/spoiler]

2. Права на папки (если хотите выставить всё "вручную")
[spoiler]
Теперь проверим значения прав для папок и файлов ( если Вы не использовали пункт №1):
cfg - 666
css - 711
core/aux_pages - 777 (f все имеющиеся файлы внутри с атрибутом 666)
core/cache- 777
products_pictures - 777
products_thumb - 777
userfiles - 777
.htaccess - 666
[/spoiler]
Рекомендация: уже много раз писалось и обсуждалось. После установки магазина вам будет предложено удалить установочный файл - соглашайтесь (ставьте галочку или удалите вручную файл install.php). Если Вы воспользовались первым советом, то и этот файлик(install_chmod.php) можете удалить.

3. Favicon.ico уже реализован - достаточно кинуть его в корень сайта и перезагрузить браузер.

4. Добавить надпись "перейти в корзину" (под наименованием товара и ценой) в любом шаблоне:
[spoiler]открываем index.tpl.html и после         
<div id="cart_info" style="text-align: center;">
{include 
file="shopping_cart_info.tpl.html"}

добавляем:
<BR><BR>
<
a href="cart/">Перейти в Корзину</a>
[/spoiler]

5. Cделать дерево каталога постоянно раскрытым.
[spoiler] В админке зайти в Настройки => Оформление и поставить галочку на "Развернуть меню"[/spoiler]

6. Красивое меню в категориях. Взято здесь.
[spoiler]В интернете множество разных красивых меню например это или это
и многие другие. Но для их работы есть одна особенность - категории должны выводиться в виде:
[spoiler]<ul class='glossymenu' id='verticalmenu'>
  <
li><a href='./catalog/avtomobili/'>Автомобили</a>
    <
ul>
      <
li><a href='./catalog/mercedes/'>Mercedes</a></li>
      <
li><a href='./catalog/toyota/'>Toyota</a></li>
      <
li><a href='./catalog/lexus/'>Lexus</a></li>
      <
li><a href='./catalog/lotus/'>Lotus</a></li>
      <
li><a href='./catalog/lamborghini/'>Lamborghini</a></li>
    </
ul>
  </
li>
  <
li><a href='./catalog/sotovaya-svyaz/'>Сотоваясвязь</a>
    <
ul>
      <
li><a href='./catalog/samsung/'>Samsung</a>
        <
ul>
           <
li><a href='./catalog/aksessuary/'>Аксессуары</a></li>
        </
ul>
      </
li>
      <
li><a href='./catalog/ericsson/'>Ericsson</a></li>
    </
ul>
  </
li>    
</
ul>
[/spoiler]
Чтобы наше меню каталога формировалось таким образом, нужно взять файл category_tree.tpl.html (в папке темы оформления) и заменяем его содержимое на:
[spoiler]{* category navigation tree *} 
{if 
$smarty.const.CONF_SHOW_MENU == 1}
<
ul  id='verticalmenu' class='glossymenu'>
    {
assign var='old' value=0}
    {
assign var='ja' value=0}
    {
section name=i loop=$categories}

    {if 
$categories[i][6]>0
      {if 
$ja}
        {if 
$categories[i][5]==$old}</li> {elseif $categories[i][5]>$old} <ul> {/if}
        {if 
$categories[i][5]<$old && $old>1}</li>{/if}
        {if 
$categories[i][5]<$old} </ul> {/if}
      {/if}
      <
li {if $categories_tree[i][2]==0} class='root' {else} class='sub'{/if}><a href='./{$categories[i][7]}' {if $categoryID == $categories[i][0]} class='selected' {/if}>{$categories[i][1]}</a>
    {/if}
    {
assign var='ja' value=1}       
    {
assign var='old' value$categories[i][5]}
    {/
section}
</
ul>
{else}
<
ul  id='verticalmenu' class='glossymenu'>
    {
assign var='old' value=0}
    {
assign var='ja' value=0}
    {
section name=i loop=$categories_tree}

    
      {if 
$ja}
        {if 
$categories_tree[i][2]==$old}</li> {elseif $categories_tree[i][2]>$old} <ul> {/if}
        {if 
$categories_tree[i][2]<$old && $old>1}</li>{/if}
        {if 
$categories_tree[i][2]<$old} </ul> {/if}
      {/if}
      <
li {if $categories_tree[i][2]==0} class='root' {else} class='sub'{/if}>

      {if 
$categoryID == $categories_tree[i][0]}<b>{$categories_tree[i][1]}</b>{else}
      <
a href='./{$categories_tree[i][4]}' >{$categories_tree[i][1]}</a>
      {/if}
    
    {
assign var='ja' value=1}       
    {
assign var='old' value$categories_tree[i][2]}
    {/
section}
</
ul>
{/if}
[/spoiler]
[/spoiler]

7. Интересное цветовое решение для кнопка "оформления заказов". Взято здесь.
[spoiler]В файле ./css/css_тема/stylesheet/stylesheet.css  создать класс
[spoiler].butt {
	
background#FF4500;-moz-border-radius: 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px; 
	
border1px solid #;
	
margin-bottom10px;
	
padding5px;3px 5px 3px;
border3px solid #FFB6C1;
margin-right10px;
displayinline-block;
text-decorationnone;
font:  bold 17px arialsans-serif;
color#FFFFFF

[/spoiler]
в файле shopping_cart.tpl.html заменим класс
<a onclick="$('#order').submit();" class="button" 
на
<a onclick="$('#order').submit();" class="butt"

Юзабилити рекомендация (предложение) переместить кнопку в правую часть. Для этого в файле shopping_cart.tpl.html поменяем местами
<a onclick="cart_update('cart');" class="button"><span>{$smarty.const.UPDATE_BUTTON}</span></a></td>
<
a onclick="$('#order').submit();" class="butt"><span>{$smarty.const.CART_PROCEED_TO_CHECKOUT}</span></a></td>

Стоит заметить, что <td align="right"> и <td align="center"> должны остаться на месте.
[/spoiler]

8. Увеличение картинок при наведении. Взято здесь. Посмотреть пример увеличения.
[spoiler] Вам понадобится файл zoomi.js, который копируете в core/js/
Открываете фаил head.tpl.html и после строки
<script type="text/javascript" src="./core/js/js_scripts.js"></script>
добовляем строку
<script type="text/javascript" src="./core/js/zoomi.js"></script>

Если хотите чтобы при наведении на картинку товар сразу увеличилось без клика в файле product_detailed.tpl.html заменяем строку:
<a href="./products_pictures/{if $p_default}{$p_default}-B.jpg{else}{$product_info[9]}{/if}" class="thickbox" id="adpdp{$product_info[11]}"><img src="./products_pictures/{if $p_default}{$p_default}.jpg{else}{$product_info[5]}{/if}" id="dp{$product_info[11]}style="margin-bottom: 3px;" alt="{$product_info[1]}/></a>
на
<img class="zoomi" src="./products_pictures/{if $p_default}{$p_default}.jpg{else}{$product_info[5]}{/if}" id="dp{$product_info[11]}style="margin-bottom: 3px;" alt="./products_pictures/{if $p_default}{$p_default}-B.jpg{else}{$product_info[9]}{/if}" />

Как сделать такое в спец. предложениях?
В includes/home.php находите строку
$q db_query("SELECT ".PRODUCTS_TABLE.".productID, name, picture, Price, brief_description, hurl FROM ".SPECIAL_OFFERS_TABLE.",".PRODUCTS_TABLE." where ".PRODUCTS_TABLE.".productID=".SPECIAL_OFFERS_TABLE.".productID  order by sort_order") or die (db_error());
и заменяете её на
$q db_query("SELECT ".PRODUCTS_TABLE.".productID, name, picture, Price, brief_description, hurl,big_picture FROM ".SPECIAL_OFFERS_TABLE.",".PRODUCTS_TABLE." where ".PRODUCTS_TABLE.".productID=".SPECIAL_OFFERS_TABLE.".productID  order by sort_order") or die (db_error());

в файле home.tpl.htmlнаходим
<img src="./products_pictures/{$special_offers[i][2]}border="0" alt="{$special_offers[i][1]}/>
и заменяем на
<img  class="zoomi" src="./products_pictures/{$special_offers[i][2]}border="0" alt="./products_pictures/{$special_offers[i][6]}/>

Как сделать такой же эффект в каталоге?
В product_brief.tpl.html находим
<img id="dp{$product_info[11]}src="./products_pictures/{if $p_default[$id]}{$p_default[$id]}-S.jpg{else}{$product_info[7]}{/if}" alt="{$product_info[1]|replace:'"':'&quot;'}/>
заменяем на
<img  class="zoomi" id="dp{$product_info[11]}src="./products_pictures/{if $p_default[$id]}{$p_default[$id]}-S.jpg{else}{$product_info[7]}{/if}" alt="./products_pictures/{$product_info[7]}/>
[/spoiler]

9. Как заменить нумерацию товара с [1-20] [21-40] [41-60] на [1] [2] [3]? Взято здесь.
[spoiler]Замените в файле cfg/functions.php следующие строки:
$out .= "<a href=\"".$path."offset=0\">[1-".$q."]</a> &nbsp;";на $out .= "<a href=\"".$path."offset=0\">[1]</a> &nbsp;";

$out .= "<a href=\"".$path."offset=0\">[1-".$min."]</a> &nbsp;";на$out .= "<a href=\"".$path."offset=0\">[1]</a> &nbsp;";

$out .= "<a href=\"".$path."offset=".($i*$q)."\">[".($i*$q+1)."-".$m."]</a> &nbsp;";на$out .= "<a href=\"".$path."offset=".($i*$q)."\">[".($i+1)."]</a> &nbsp;";
...
$out .= "[".($k*$q+1)."-".$min."] &nbsp;";на$out .= "[".($k+1)."] &nbsp;";
...
$out .= "<a href=\"".$path."offset=".($i*$q)."\">[".($i*$q+1)."-".$m."]</a> &nbsp;";на$out .= "<a href=\"".$path."offset=".($i*$q)."\">[".($i+1)."]</a> &nbsp;";

Чтобы уместить больше ссылок на страницы (вместо [1]  [2]  [3]...[5] сделать [1]  [2]  [3] [4] [5]) В cfg/functions.php найдите две строки not more than
и поставте нужное количество возле
$min $k и$min $k +
[/spoiler]

10.Изминение названий (например "Хит продаж" на "Наши товары") Взято здесь.
[spoiler]Находите нужную фразу в languages\russian.php  и меняй на ту, что пожелаете.[/spoiler]
« Последнее редактирование: Сентября 27, 2011, 07:06:12 pm от shoper »

shoper

  • Гость
Re: FAQ и "улучшения" для Lego
« Ответ #1 : Сентября 25, 2011, 07:52:02 pm »
11. Как полностью убрать "отзывы"? Взято здесь.
[spoiler]
в  product_detailed.tpl.htm
<a rel="#tab_review">{$smarty.const.PRODUCT_REVIEW_TITLE}</a>
замени на
{*<a rel="#tab_review">{$smarty.const.PRODUCT_REVIEW_TITLE}</a>*}
и
[spoiler]
<div id="tab_review" class="page">
	
<
div id="review"></div>
{if 
$reviews}
	
<
div id="read">
	
  <
div class="heading">{$smarty.const.PRODUCT_REVIEW_ALL}</div>
	
  <
div class="border" style="height: 300px; overflow: auto;">
{
section name=i loop=$reviews}
	
    <
b>{$reviews[i][2]}</b><br />
	
    <
hr />
	
    {
$reviews[i][4]}<br />
	
    <
small class="red">[{$reviews[i][5]}]</small>
	
    <
br /><br />
{/
section}
	
  </
div>
	
  <
div class="buttons">
	
    <
table>
	
      <
tr>
	
	
<
td align="right"><a onclick="{literal}document.getElementById('read').style.display='none'; document.getElementById('write').style.display='block';{/literal}" class="button"><span>{$smarty.const.PRODUCT_REVIEW_WRITE}</span></a></td>
	
      </
tr>
	
    </
table>
	
  </
div>
	
</
div>

	
<
div id="write" style="display: none;">
	
  <
div class="heading" id="review_title">{$smarty.const.PRODUCT_REVIEW_WRITE}</div>
	
  <
div class="border">

<
div id="results"></div><br>
	
    <
form action="index.php" class="cmxform" method="post" id="review_form">
              
	
      <
b>{$smarty.const.PRODUCT_REVIEW_NAME}</b><br />
	
      <
input type="text" name="name" id="first_name" value="" size="40" class="required" /><br />
	
      <
b>{$smarty.const.PRODUCT_REVIEW_EMAIL}</b><br />
	
      <
input type="text" name="email" id="email" value="" size="40" class="required email" /><br />

	
      <
br />
	
      <
b>{$smarty.const.PRODUCT_REVIEW_HELLO}</b>
 
	
      <
textarea name="review" id="review" style="width: 99%;" rows="8" cols="5" class="required"></textarea>
	
      <
input type="hidden" id="last_name" value="none" />
	
      <
input type="hidden" id="phone" value="8 (000) 000-00-00" />
	
      <
input name="productID" id="productID" value="{$product_info[11]}type="hidden" />

	
      <
br />
	
      <
b>{$smarty.const.VOTING_FOR_ITEM_TITLE}</b>
	
      <
span>{$smarty.const.MARK_POOR}</span>&nbsp;
	
      <
input type="radio" name="mark" value="0.1" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="1" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="2.5" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="3.8" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="5" style="margin: 0;" checked="checked" />&nbsp;
	
      <
span>{$smarty.const.MARK_EXCELLENT}</span><br />
	
      <
input type="hidden" name="vote" value="yes" />
	
      <
br />
	
      <
b>{$smarty.const.STRING_SEND_CAPCHA}:</b>
	
      <
br />
	
      <
input class='required error' minlength='3' type="text" name="captcha" id="captcha"/>
	
      <
br />
	
      <
img id="cap" src="./core/core_captcha.php?bg=F7F7F7" alt="{$smarty.const.STRING_SEND_CAPCHA}onclick="go_cap()" style="cursor:pointer;" title="Обновить капчу"/>

            
 
	
    </
form>

	
  </
div>
	
  <
div class="buttons">
	
    <
table>
	
      <
tr>
	
	
<
td><a onclick="{literal}document.getElementById('write').style.display='none'; document.getElementById('read').style.display='block';{/literal}" class="button"><span>{$smarty.const.PRODUCT_REVIEW_ALL}</span></a></td>
	
	
<
td align="right"><a  class="button review"><span>{$smarty.const.PRODUCT_REVIEW_WRITE}</span></a></td>
	
      </
tr>
	
    </
table>
	
  </
div>
	
</
div>
{else}
	
<
div>
	
  <
div class="heading">{$smarty.const.PRODUCT_REVIEW_WRITE}</div>
	
  <
div class="border">

           <
div id="results"></div><br>
	
    <
form action="index.php" method="post" id="review_form">
             
	
      <
b>{$smarty.const.PRODUCT_REVIEW_NAME}</b><br />
	
      <
input type="text" name="name" id="first_name" value="" size="40" class="required" /><br />
	
      <
b>{$smarty.const.PRODUCT_REVIEW_EMAIL}</b><br />
	
      <
input type="text" name="email" id="email" value="" size="40" class="required email"/><br />

	
      <
br />
	
      <
b>{$smarty.const.PRODUCT_REVIEW_HELLO}</b>
 
	
      <
textarea name="review" style="width: 99%;" rows="8" cols="5" class="required"></textarea>
	
      <
input type="hidden" id="last_name" value="none" />
	
      <
input type="hidden" id="phone" value="8 (000) 000-00-00" />
	
      <
input name="productID" id="productID" value="{$product_info[11]}type="hidden" />

	
      <
br />
	
      <
b>{$smarty.const.VOTING_FOR_ITEM_TITLE}</b>
	
      <
span>{$smarty.const.MARK_POOR}</span>&nbsp;
	
      <
input type="radio" name="mark" value="0.1" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="1" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="2.5" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="3.8" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="5" style="margin: 0;" checked="checked" />&nbsp;
	
      <
span>{$smarty.const.MARK_EXCELLENT}</span><br />
	
      <
input type="hidden" name="vote" value="yes" />
	
      <
br />
	
      <
b>{$smarty.const.STRING_SEND_CAPCHA}:</b>
	
      <
br />
	
      <
input class='required error' minlength='3' type="text" name="captcha" id="captcha" class="required"/>
	
      <
br />
	
      <
img id="cap" src="./core/core_captcha.php?bg=F7F7F7" alt="{$smarty.const.STRING_SEND_CAPCHA}onclick="go_cap()" style="cursor:pointer;" title="Обновить капчу"/>
             
	
    </
form>
	
  </
div>
	
  <
div class="buttons">
	
    <
table>
	
      <
tr>
	
	
<
td align="right"><class="button review"><span>{$smarty.const.PRODUCT_REVIEW_WRITE}</span></a></td>
	
      </
tr>
	
    </
table>
	
  </
div>
	
</
div>
{/if}
      </
div>


[/spoiler]
заменить на
[spoiler]
{*<div id="tab_review" class="page">
	
<
div id="review"></div>
{if 
$reviews}
	
<
div id="read">
	
  <
div class="heading">{$smarty.const.PRODUCT_REVIEW_ALL}</div>
	
  <
div class="border" style="height: 300px; overflow: auto;">
{
section name=i loop=$reviews}
	
    <
b>{$reviews[i][2]}</b><br />
	
    <
hr />
	
    {
$reviews[i][4]}<br />
	
    <
small class="red">[{$reviews[i][5]}]</small>
	
    <
br /><br />
{/
section}
	
  </
div>
	
  <
div class="buttons">
	
    <
table>
	
      <
tr>
	
	
<
td align="right"><a onclick="{literal}document.getElementById('read').style.display='none'; document.getElementById('write').style.display='block';{/literal}" class="button"><span>{$smarty.const.PRODUCT_REVIEW_WRITE}</span></a></td>
	
      </
tr>
	
    </
table>
	
  </
div>
	
</
div>

	
<
div id="write" style="display: none;">
	
  <
div class="heading" id="review_title">{$smarty.const.PRODUCT_REVIEW_WRITE}</div>
	
  <
div class="border">

<
div id="results"></div><br>
	
    <
form action="index.php" class="cmxform" method="post" id="review_form">
              
	
      <
b>{$smarty.const.PRODUCT_REVIEW_NAME}</b><br />
	
      <
input type="text" name="name" id="first_name" value="" size="40" class="required" /><br />
	
      <
b>{$smarty.const.PRODUCT_REVIEW_EMAIL}</b><br />
	
      <
input type="text" name="email" id="email" value="" size="40" class="required email" /><br />

	
      <
br />
	
      <
b>{$smarty.const.PRODUCT_REVIEW_HELLO}</b>
 
	
      <
textarea name="review" id="review" style="width: 99%;" rows="8" cols="5" class="required"></textarea>
	
      <
input type="hidden" id="last_name" value="none" />
	
      <
input type="hidden" id="phone" value="8 (000) 000-00-00" />
	
      <
input name="productID" id="productID" value="{$product_info[11]}type="hidden" />

	
      <
br />
	
      <
b>{$smarty.const.VOTING_FOR_ITEM_TITLE}</b>
	
      <
span>{$smarty.const.MARK_POOR}</span>&nbsp;
	
      <
input type="radio" name="mark" value="0.1" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="1" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="2.5" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="3.8" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="5" style="margin: 0;" checked="checked" />&nbsp;
	
      <
span>{$smarty.const.MARK_EXCELLENT}</span><br />
	
      <
input type="hidden" name="vote" value="yes" />
	
      <
br />
	
      <
b>{$smarty.const.STRING_SEND_CAPCHA}:</b>
	
      <
br />
	
      <
input class='required error' minlength='3' type="text" name="captcha" id="captcha"/>
	
      <
br />
	
      <
img id="cap" src="./core/core_captcha.php?bg=F7F7F7" alt="{$smarty.const.STRING_SEND_CAPCHA}onclick="go_cap()" style="cursor:pointer;" title="Обновить капчу"/>

            
 
	
    </
form>

	
  </
div>
	
  <
div class="buttons">
	
    <
table>
	
      <
tr>
	
	
<
td><a onclick="{literal}document.getElementById('write').style.display='none'; document.getElementById('read').style.display='block';{/literal}" class="button"><span>{$smarty.const.PRODUCT_REVIEW_ALL}</span></a></td>
	
	
<
td align="right"><a  class="button review"><span>{$smarty.const.PRODUCT_REVIEW_WRITE}</span></a></td>
	
      </
tr>
	
    </
table>
	
  </
div>
	
</
div>
{else}
	
<
div>
	
  <
div class="heading">{$smarty.const.PRODUCT_REVIEW_WRITE}</div>
	
  <
div class="border">

           <
div id="results"></div><br>
	
    <
form action="index.php" method="post" id="review_form">
             
	
      <
b>{$smarty.const.PRODUCT_REVIEW_NAME}</b><br />
	
      <
input type="text" name="name" id="first_name" value="" size="40" class="required" /><br />
	
      <
b>{$smarty.const.PRODUCT_REVIEW_EMAIL}</b><br />
	
      <
input type="text" name="email" id="email" value="" size="40" class="required email"/><br />

	
      <
br />
	
      <
b>{$smarty.const.PRODUCT_REVIEW_HELLO}</b>
 
	
      <
textarea name="review" style="width: 99%;" rows="8" cols="5" class="required"></textarea>
	
      <
input type="hidden" id="last_name" value="none" />
	
      <
input type="hidden" id="phone" value="8 (000) 000-00-00" />
	
      <
input name="productID" id="productID" value="{$product_info[11]}type="hidden" />

	
      <
br />
	
      <
b>{$smarty.const.VOTING_FOR_ITEM_TITLE}</b>
	
      <
span>{$smarty.const.MARK_POOR}</span>&nbsp;
	
      <
input type="radio" name="mark" value="0.1" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="1" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="2.5" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="3.8" style="margin: 0;" />&nbsp;
	
      <
input type="radio" name="mark" value="5" style="margin: 0;" checked="checked" />&nbsp;
	
      <
span>{$smarty.const.MARK_EXCELLENT}</span><br />
	
      <
input type="hidden" name="vote" value="yes" />
	
      <
br />
	
      <
b>{$smarty.const.STRING_SEND_CAPCHA}:</b>
	
      <
br />
	
      <
input class='required error' minlength='3' type="text" name="captcha" id="captcha" class="required"/>
	
      <
br />
	
      <
img id="cap" src="./core/core_captcha.php?bg=F7F7F7" alt="{$smarty.const.STRING_SEND_CAPCHA}onclick="go_cap()" style="cursor:pointer;" title="Обновить капчу"/>
             
	
    </
form>
	
  </
div>
	
  <
div class="buttons">
	
    <
table>
	
      <
tr>
	
	
<
td align="right"><class="button review"><span>{$smarty.const.PRODUCT_REVIEW_WRITE}</span></a></td>
	
      </
tr>
	
    </
table>
	
  </
div>
	
</
div>
{/if}
      </
div>*}

[/spoiler]
[/spoiler]

12. Редактируем "Сортировку". Взято здесь.
[spoiler]Настраивается в файле includes/category.php
под кодом
	
	
	
//sort options
	
	
	
$sort_options['sort_values'] = Array(
[/spoiler]

13. Редактирование товара прямо на витрине. Взято здесь.
[spoiler]Добавляете в шаблон product_detailed.tpl.html или product_brief.tpl.html
{if $smarty.session.access==3}
  <a href="admin.php?dpt=catalog&sub=products_edit&productID={$product_info[11]}" id="iframe">Изменить</a>
{/if}

в core/js/js_scripts.js после
 $("a.thickbox").fancybox();

$("a#iframe").fancybox({
                    'type' : 'iframe',
                    'overlayShow': 'TRUE',
                    'hideOnOverlayClick': 'FALSE',
                    'height': 900,
                    'width': 1100       
           
           });   

Работает только если перед этим авторизоваться в админке под админом[/spoiler]

14. Лупа для картинок. Взято здесь. Посмотреть пример лупы.
[spoiler]Для того чтобы вклюсить лупу на фото товара в детальной информации (подробно) берем этот архив, распаковываем на сайт. В файле head.tpl.html используемой темы перед
</head>
добовляем
<script type="text/javascript" src="./css/cloud-zoom/cloud-zoom.1.0.2.min.js"></script>
  <link rel="stylesheet" type="text/css" href="./css/cloud-zoom/cloud-zoom.css" media="screen" />
теперь в файле product_detailed.tpl.html находим
class="thickbox"
и заменяем на
class='cloud-zoom'[/spoiler]

15. Альтернативный способ добавления товара в корзину. Взято здесь. Пример здесь.
При нажатии "добавить в корзину" выскакивает окно "уточнение действия".
[spoiler]Вариант №1.
В файле product_brief.tpl.html
находим
<a id="tocart_{$product_info[11]}" class="ajaxcart button" href="./add2cart/{$product_info[14]}"><span>{$smarty.const.ADD_TO_CART_STRING}</span></a>меняем на
<a id="tocart_{$product_info[11]}" class="thickbox button" href="./add2cart/{$product_info[14]}&modal=1"><span>{$smarty.const.ADD_TO_CART_STRING}</span></a>
в файле product_detailed.tpl.html находим
<a onclick="$('#product').submit();" id="tocart_{$product_info[11]}" href="./add2cart/{$product_info[14]}" class="ajaxcart button"><span>{$smarty.const.ADD_TO_CART_STRING}</span></a>
заменяем на
<a onclick="$('#product').submit();" id="tocart_{$product_info[11]}" href="./add2cart/{$product_info[14]}&modal=1" class="thickbox button"><span>{$smarty.const.ADD_TO_CART_STRING}</span></a>
в 89 строке shopping_cart.php (с условием if (isset($_GET["add2cart"]) && $_GET["add2cart"] !=""))
находим
if (!$ajax_flag) header("Location: http://".CONF_SHOP_URL."/cart/");и заменяем на
if (!$ajax_flag)
{
    if (isset($_GET['modal'])) header("Location: http://".CONF_SHOP_URL.'/index.php?shopping_cart=yes&modal=1');
    else header("Location: http://".CONF_SHOP_URL."/cart/");
}

находим
$smarty->assign("main_content_template", "shopping_cart.tpl.html");заменить на
 if (isset($_GET['modal']))
 {
        $smarty->display("./css/css_".CONF_COLOR_SCHEME."/theme/shopping_cart.tpl.html");   
         exit;
 } 
 else $smarty->assign("main_content_template", "shopping_cart.tpl.html");
[/spoiler]
[spoiler]
Вариант №2.
В css файл используемой темы добавить:
#divAdd2cart
{
  z-index:1000;
  background:#f9e0ae;
  border:1px solid #FF0000;
  font-weight:bold;
  color:#000000;
  font-size:16px;
  display:none;
  position:absolute;
  width:300px;
  height:95px;
  text-align:center;
  padding-bottom:10px;
}

А в фаил index.tpl.html после <body>
добавить строку <div id="divAdd2cart" ><br />Товар добавлен в корзину! <br><br><a class="add_cart" href="./cart/">Открыть корзину</a></div>
В core\js\js_scripts.js
находим
[spoiler=код]//Тут же функции анимации и прочих красивостей

var image = $('#dp'+curid).offset();
var cart  = $('#module_cart').offset();

$('#dp'+curid).before('<img src="' + $('#dp'+curid).attr('src') + '" id="temp" style="position: absolute; top: ' + image.top + 'px; left: ' + image.left + 'px;" />');

params = {
top : cart.top + 'px',
left : cart.left + 'px',
opacity : 0.0,
width : $('#module_cart').width(), 
heigth : $('#module_cart').height()
};

$('#temp').animate(params, 'slow', false, function () {
$('#temp').remove();
});
[/spoiler]
и заменяем его на
[spoiler=код]
t=$('body').scrollTop();
elDiv = $('#divAdd2cart');
      elDiv.css({left: ($("body").width()/2) - 100+'px', top: t+($("body").height()/3)-100+'px'});
elDiv.show(500);
setTimeout("elDiv.hide(500);",2500); //2500 количество в миллисекунд через которое исчезнет уведомление
[/spoiler]

вот и все теперь при нажатии на кнопку Закатать получим окно
[/spoiler]

16. Последние просмотренные товары. Взято здесь.
[spoiler]Распаковываем этот архив в папку темы.
А в файле index.tpl.html (в нужном месте) пропишите строку {include file="last_items_view.tpl.html"
Данный шаблон настроен на вертикальный вывод в боковых меню поправив last_items_view.tpl.html можно изменить вид.

Если есть необходимость сделать вот так, то в last_items_view.tpl.html нужно переделть

<a style="text-decoration:none"; title="{$last_view_products[i].name}" href ="./{$smarty.const.REDIRECT_PRODUCT}/{$last_view_products[i].hurl}"><img alt="{$last_view_products[i].name}" src="./products_pictures/{$last_view_products[i].thumbnail}" width="40px" height="40px">&nbsp; <a title="{$last_view_products[i].name}" href ="./{$smarty.const.REDIRECT_PRODUCT}/{$last_view_products[i].hurl}">{$last_view_products[i].name}</a> в таком случае превьюшка 40х40[/spoiler]

17. Решение проблемы с Ошибкой отправки сообщения  о получении заказа:
[spoiler]Когда нажимаю оформить заказ второй раз (после ФИО) бьет такую ошибку:
Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator, [email protected] and inform them of the time the error occurred, and anything you might have done that may have caused the error.
More information about this error may be available in the server error log.


в файле class.phpmailer.php
найди
$params 
sprintf("-oi -f %s"$this->Sender);
и замени на
$params 
"";

[/spoiler]
« Последнее редактирование: Января 27, 2012, 09:54:46 am от shoper »

shoper

  • Гость
Re: FAQ и "улучшения" для Lego
« Ответ #2 : Сентября 25, 2011, 08:52:38 pm »
Маленькое замечание по пункту 9
Вы назвали тему FAQ и "улучшения" для Lego а материал берёте для Shop-Script FREE.
По некоторым файлам или функциям оно может и подойти, но в основном много чего поменялось, так что возьмите это во внимание. И было бы вообще замечательно, если бы вы весь ваш FAQ проверяли бы у себя на работоспособность, а уж только потом выкладывали бы сюда!
Я, кстати, кое что откорректировал ) и то, что использую с Free проверяю у себя. =) Например этот пункт - полностью работает =) Я не хочу писать "от балды", но в тоже время есть некоторые моменты, которые прошу у Вас проверить.

В конце отмечу, что 100% работает у меня.

по 8 лупа и увлечение всей картинки разные веши
Вопрос - можно пример увеличения посмотреть? Спасибо =)

За коммент, всем - огромное спасибо =)
« Последнее редактирование: Сентября 25, 2011, 08:59:58 pm от shoper »

Оффлайн Юрий

  • Старожил
  • ****
  • Сообщений: 322
    • Просмотр профиля
    • Во-Сток
Re: FAQ и "улучшения" для Lego
« Ответ #3 : Января 13, 2012, 09:52:33 pm »
По древу категорий уже было улучшения. Но я выложу свое. А то много вопросов задают в лс по этому поводу))

Это для версии 5.0 и выше.  Если 4.6 то нужно заменить category_tree.php в includes с 5.0 версии
Работает если только развернуть меню! Оформление->Развернуть меню.

Делаем следующее
в css своей темы добавляем:

/* Vertical Mega Menu */
.dcjq-vertical-mega-menu li{padding: 0;background: 0;}
.dcjq-vertical-mega-menu ul{padding-left: 0px;margin: 0px;}
#vertical .menu{font: bold 12px Arial, sans-serif; line-height: 16px; position: relative; border: 1px solid #999; -moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;box-shadow:1px 1px 3px #555;}
#vertical .menu li a {display: block; color: #000; padding: 11px 18px 11px 5px; text-shadow: 1px 1px 1px #fff; text-decoration: none;border-bottom: 1px solid #999;background: url(../images/bg_nav.png) repeat-x 0 0;}
#vertical .menu li a:hover, #vertical .menu li.mega-hover a {background-position: 0 -40px; color: #fff; text-shadow: 1px 1px 1px #000;}
#vertical .menu li a.dc-mega {position: relative;}
#vertical .menu li a .dc-mega-icon {display: block; position: absolute; top: 14px; right: 15px; width: 6px; height: 8px; background: url(../images/arrow_right.png) no-repeat -6px 0;}
#vertical .menu li .sub-container {position: absolute;overflow: hidden;background: url(../images/bg_menu.png) no-repeat 100% 100%;padding: 0 13px 17px 0; }
#vertical .menu li .sub-container .sub {border: none;padding: 5px 15px 5px 5px;background: #fff url(../images/bg_grad_top.png) repeat-x 0 0;border-top: 1px solid #ccc; border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;border-left: 1px solid #ccc;}
#vertical .menu li .sub .row {width: 100%; overflow: hidden;}
#vertical .menu li .sub li {float: none; width: 140px; font-size: 1em; font-weight: normal;}
#vertical .menu li .sub li.mega-hdr {float: left;margin: 0 5px 10px 5px;}
#vertical .menu li .sub a, #vertical .menu.left li .sub a {background: none; border: none; text-shadow: none;float: none;color: #000; display: block;text-decoration: none; font-size: 0.9em;margin-bottom: 0;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a {background: url(../images/bg_nav.png) repeat-x 0 -40px; padding: 5px;margin-bottom:5px;text-transform: uppercase; font-weight: bold; color: #fff;text-shadow: 1px 1px 1px #000;text-align: left;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}
#vertical .menu .sub li a {padding: 3px 0px 3px 12px;background: url(../images/bullet_1.gif) no-repeat 3px 8px;font-weight: normal;text-transform: capitalize; font-size: 12px;}
#vertical .menu .sub li a:hover {color: #fff; background: #000 url(../images/bullet_white.png) no-repeat 5px 8px;}

(КОД ЗАМЕНЕН!)Заменяем все в category_tree.tpl.html на:
{if $smarty.const.CONF_SHOW_MENU == 1}

<div class="dcjq-vertical-mega-menu" id="vertical" style="margin-bottom:20px;">
    {assign var="old" value=-1}
    {assign var="ul_open" value=0}
    {assign var="sub" value=0}

    {section name=i loop=$categories_tree}

        {if $categories_tree[i].level==$old}
            </li>
        {elseif $categories_tree[i].level<$old}
           {section name=n loop=$old-$categories_tree[i].level}
              </li></ul></li>{assign var="ul_open" value=$ul_open-1}
           {/section}
        {else}
            <ul {if $old==-1}id="mega-1" class="menu"{/if}>
            {assign var="ul_open" value=$ul_open+1}
        {/if}


        {if $smarty.section.i.index==$categories_tree|@count && $ul_open>0}</ul></li>{/if}

         {if $categories_tree[i].level ne 0}
            {if $sub}<li class="subfirst">{assign var="sub" value=0}{else}<li>{/if}
            <a style="width:100%;" href="./{$categories_tree[i].hurl}" {if $categoryID==$categories_tree[i].categoryID} class="pressed" {/if}><span>{$categories_tree[i].name}</span></a>
        {else}
            <li class={if $smarty.section.i.index==0}"topfirst"{elseif $smarty.section.i.index==$categories_tree|@count-1}"toplast"{else}"topmenu"{/if}>
            <a href="./{$categories_tree[i].hurl} {if $categoryID==$categories_tree[i].categoryID}class="pressed"{/if}"><span>{$categories_tree[i].name}</span></a>
        {/if}
 
        {assign var="old" value=$categories_tree[i].level}

    {/section}

    {if $ul_open ne 0}
       {section name=c loop=$ul_open}
         {if $ul_open==0}</ul>{else}</ul></li>{/if}
         {assign var="ul_open" value=$ul_open-1}
       {/section}
    {/if}
</div>

{else}

<div class="box">
  <div class="top"><img src="./images/icon_cat.png" alt="" /> {$smarty.const.ADMIN_CATEGORY_TITLE}</div>
   <div id="category" class="middle">
   
   <ul  id="verticalmenu" class="glossymenu">
    {assign var="old" value=0}
    {assign var="ja" value=0}
    {section name=i loop=$categories_tree}
        {if $categories_tree[i].level==$old}</li> {elseif $categories_tree[i].level>$old} <ul> {/if}
        {if $categories_tree[i].level<$old && $old>1}</li>{/if}
        {if $categories_tree[i].level<$old} </ul> {/if}
        <li><a href="./{$categories_tree[i].hurl}" {if $categoryID == $categories_tree[i].categoryID} class="selected" {/if}>{$categories_tree[i].name}</a>
    {assign var="old" value= $categories_tree[i].level}
    {/section}
    </ul>
   </div>
  <div class="bottom"></div>
</div>

{/if}

в index.tpl.html заменяем

      <div class="box">
        <div class="top"><img src="./images/icon_cat.png" alt="{$smarty.const.ADMIN_CATEGORY_TITLE}" />{$smarty.const.ADMIN_CATEGORY_TITLE}</div>
        <div class="top_l"></div>
        <div id="category" class="middle">
  {include file="category_tree.tpl.html"}
        </div>
        <div class="bottom">&nbsp;</div>
      </div>

на
    {include file="category_tree.tpl.html"}

В head.tpl.html добавляем
<script type='text/javascript' src='./css/css_{$smarty.const.CONF_COLOR_SCHEME}/javascript/jquery.menu.1.3.3.js'></script>

<script type="text/javascript">
$(document).ready(function($){
$('#mega-1').dcVerticalMegaMenu({
speed: 'fast',
effect: 'slide',
direction: 'right'
});});
</script>

Ну и закидываем изображения в папку images и скрипт в папку javascript c архива ниже...
Пример: _http://vo-stok.com.ua/



[вложение удалено администратором]
« Последнее редактирование: Февраля 19, 2012, 10:42:17 pm от slamm »

Оффлайн Al_Uk

  • Спец
  • ***
  • Сообщений: 247
    • Просмотр профиля
Re: FAQ и "улучшения" для Lego
« Ответ #4 : Января 14, 2012, 09:15:24 pm »
По древу категорий уже было улучшения. Но я выложу свое. А то много вопросов задают в лс по этому поводу))

Это для версии 5.0 и выше.  Если 4.6 то нужно заменить category_tree.php в includes с 5.0 версии
Работает если только развернуть меню! Оформление->Развернуть меню.

Делаем следующее
в css своей темы добавляем:
[spoiler]
/* Vertical Mega Menu */
.dcjq-vertical-mega-menu li{padding: 0;background: 0;}
.dcjq-vertical-mega-menu ul{padding-left: 0px;margin: 0px;}
#vertical .menu{font: bold 12px Arial, sans-serif; line-height: 16px; position: relative; border: 1px solid #999; -moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;box-shadow:1px 1px 3px #555;}
#vertical .menu li a {display: block; color: #000; padding: 11px 18px 11px 5px; text-shadow: 1px 1px 1px #fff; text-decoration: none;border-bottom: 1px solid #999;background: url(../images/bg_nav.png) repeat-x 0 0;}
#vertical .menu li a:hover, #vertical .menu li.mega-hover a {background-position: 0 -40px; color: #fff; text-shadow: 1px 1px 1px #000;}
#vertical .menu li a.dc-mega {position: relative;}
#vertical .menu li a .dc-mega-icon {display: block; position: absolute; top: 14px; right: 15px; width: 6px; height: 8px; background: url(../images/arrow_right.png) no-repeat -6px 0;}
#vertical .menu li .sub-container {position: absolute;overflow: hidden;background: url(../images/bg_menu.png) no-repeat 100% 100%;padding: 0 13px 17px 0; }
#vertical .menu li .sub-container .sub {border: none;padding: 5px 15px 5px 5px;background: #fff url(../images/bg_grad_top.png) repeat-x 0 0;border-top: 1px solid #ccc; border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;border-left: 1px solid #ccc;}
#vertical .menu li .sub .row {width: 100%; overflow: hidden;}
#vertical .menu li .sub li {float: none; width: 140px; font-size: 1em; font-weight: normal;}
#vertical .menu li .sub li.mega-hdr {float: left;margin: 0 5px 10px 5px;}
#vertical .menu li .sub a, #vertical .menu.left li .sub a {background: none; border: none; text-shadow: none;float: none;color: #000; display: block;text-decoration: none; font-size: 0.9em;margin-bottom: 0;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a {background: url(../images/bg_nav.png) repeat-x 0 -40px; padding: 5px;margin-bottom:5px;text-transform: uppercase; font-weight: bold; color: #fff;text-shadow: 1px 1px 1px #000;text-align: left;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}
#vertical .menu .sub li a {padding: 3px 0px 3px 12px;background: url(../images/bullet_1.gif) no-repeat 3px 8px;font-weight: normal;text-transform: capitalize; font-size: 12px;}
#vertical .menu .sub li a:hover {color: #fff; background: #000 url(../images/bullet_white.png) no-repeat 5px 8px;}
[/spoiler]

Заменяем все в category_tree.tpl.html на:
[spoiler]{if $smarty.const.CONF_SHOW_MENU == 1}

<div class="dcjq-vertical-mega-menu" id="vertical" style="margin-bottom:20px;">
    {assign var="old" value=-1}
    {assign var="ul_open" value=0}
    {assign var="sub" value=0}

    {section name=i loop=$categories_tree}

        {if $categories_tree.level==$old}
            </li>
        {elseif $categories_tree.level<$old}
           {section name=n loop=$old-$categories_tree.level}
              </li></ul></li>{assign var="ul_open" value=$ul_open-1}
           {/section}
        {else}
            <ul {if $old==-1}id="mega-1" class="menu"{/if}>
            {assign var="ul_open" value=$ul_open+1}
        {/if}


        {if $smarty.section.i.index==$categories_tree|@count && $ul_open>0}</ul></li>{/if}

         {if $categories_tree.level ne 0}
            {if $sub}<li class="subfirst">{assign var="sub" value=0}{else}<li>{/if}
            <a style="width:100%;" href="./{$categories_tree.hurl}" {if $categoryID==$categories_tree.categoryID} class="pressed" {/if}><span>{$categories_tree.name}</span></a>
        {else}
            <li class={if $smarty.section.i.index==0}"topfirst"{elseif $smarty.section.i.index==$categories_tree|@count-1}"toplast"{else}"topmenu"{/if}>
            <a href="./{$categories_tree.hurl} {if $categoryID==$categories_tree.categoryID}class="pressed"{/if}"><span>{$categories_tree.name}</span></a>
        {/if}
 
        {assign var="old" value=$categories_tree.level}

    {/section}

    {if $ul_open ne 0}
       {section name=c loop=$ul_open}
         {if $ul_open==0}</ul>{else}</ul></li>{/if}
         {assign var="ul_open" value=$ul_open-1}
       {/section}
    {/if}
</div>

{else}

<div class="box">
  <div class="top"><img src="./images/icon_cat.png" alt="" /> {$smarty.const.ADMIN_CATEGORY_TITLE}</div>
   <div id="category" class="middle">
   
   <ul  id="verticalmenu" class="glossymenu">
    {assign var="old" value=0}
    {assign var="ja" value=0}
    {section name=i loop=$categories_tree}
        {if $categories_tree.level==$old}</li> {elseif $categories_tree.level>$old} <ul> {/if}
        {if $categories_tree.level<$old && $old>1}</li>{/if}
        {if $categories_tree.level<$old} </ul> {/if}
        <li><a href="./{$categories_tree.hurl}" {if $categoryID == $categories_tree.categoryID} class="selected" {/if}>{$categories_tree.name}</a>
    {assign var="old" value= $categories_tree.level}
    {/section}
    </ul>
   </div>
  <div class="bottom"></div>
</div>

{/if}[/spoiler]

в index.tpl.html заменяем
[spoiler]

      
<div class="box">
        <
div class="top"><img src="./images/icon_cat.png" alt="{$smarty.const.ADMIN_CATEGORY_TITLE}/>{$smarty.const.ADMIN_CATEGORY_TITLE}</div>
        <
div class="top_l"></div
        <
div id="category" class="middle">
	
  {include 
file="category_tree.tpl.html"}
        </
div>
        <
div class="bottom">&nbsp;</div>
      </
div>

на 
    
{include file="category_tree.tpl.html"}
[/spoiler]

В head.tpl.html добавляем
[spoiler]
 <script type='text/javascript' src='./css/css_{$smarty.const.CONF_COLOR_SCHEME}/javascript/jquery.menu.1.3.3.js'></script>

<script type="text/javascript">
$(document).ready(function($){
   $('#mega-1').dcVerticalMegaMenu({
      speed: 'fast',
      effect: 'slide',
      direction: 'right'
   });});
</script>
[/spoiler]

Ну и закидываем изображения в папку images и скрипт в папку javascript c архива ниже...
Пример: _http://vo-stok.com.ua/

спасибо, попробуем
если в категории есть подкатегория то стрелка появляется на нужном пункте как и на vo-stok.com.ua?

artrez

  • Гость
Re: FAQ и "улучшения" для Lego
« Ответ #5 : Февраля 19, 2012, 10:06:37 pm »
Если 4.6 то нужно заменить category_tree.php в includes с 5.0 версии[/b]


Fatal error: Call to undefined function All_Categories() in Z:\home\ShopLego.net\www\includes\category_tree.php on line 13

 $c = All_Categories(0,0); - в этой строке
« Последнее редактирование: Февраля 19, 2012, 10:10:21 pm от artrez »

artrez

  • Гость
Re: FAQ и "улучшения" для Lego
« Ответ #6 : Февраля 19, 2012, 10:22:30 pm »
Замените так же файл cfg/category_functions.php

Fatal error: Call to undefined function db_assoc_q() in Z:\home\ShopLego.net\www\cfg\category_functions.php on line 57

artrez

  • Гость
Re: FAQ и "улучшения" для Lego
« Ответ #7 : Февраля 19, 2012, 10:28:14 pm »
И ещё файл includes/database/mysql.php =)



Оффлайн Юрий

  • Старожил
  • ****
  • Сообщений: 322
    • Просмотр профиля
    • Во-Сток
Re: FAQ и "улучшения" для Lego
« Ответ #8 : Февраля 20, 2012, 01:27:47 am »
Поставьте галочку развернуть меню в админ панели-оформление.

mazi

  • Гость
Re: FAQ и "улучшения" для Lego
« Ответ #9 : Апреля 23, 2012, 01:43:37 pm »
По древу категорий уже было улучшения. Но я выложу свое. А то много вопросов задают в лс по этому поводу))

Это для версии 5.0 и выше.  Если 4.6 то нужно заменить category_tree.php в includes с 5.0 версии
Работает если только развернуть меню! Оформление->Развернуть меню.

Делаем следующее
в css своей темы добавляем:

/* Vertical Mega Menu */
.dcjq-vertical-mega-menu li{padding: 0;background: 0;}
.dcjq-vertical-mega-menu ul{padding-left: 0px;margin: 0px;}
#vertical .menu{font: bold 12px Arial, sans-serif; line-height: 16px; position: relative; border: 1px solid #999; -moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;box-shadow:1px 1px 3px #555;}
#vertical .menu li a {display: block; color: #000; padding: 11px 18px 11px 5px; text-shadow: 1px 1px 1px #fff; text-decoration: none;border-bottom: 1px solid #999;background: url(../images/bg_nav.png) repeat-x 0 0;}
#vertical .menu li a:hover, #vertical .menu li.mega-hover a {background-position: 0 -40px; color: #fff; text-shadow: 1px 1px 1px #000;}
#vertical .menu li a.dc-mega {position: relative;}
#vertical .menu li a .dc-mega-icon {display: block; position: absolute; top: 14px; right: 15px; width: 6px; height: 8px; background: url(../images/arrow_right.png) no-repeat -6px 0;}
#vertical .menu li .sub-container {position: absolute;overflow: hidden;background: url(../images/bg_menu.png) no-repeat 100% 100%;padding: 0 13px 17px 0; }
#vertical .menu li .sub-container .sub {border: none;padding: 5px 15px 5px 5px;background: #fff url(../images/bg_grad_top.png) repeat-x 0 0;border-top: 1px solid #ccc; border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;border-left: 1px solid #ccc;}
#vertical .menu li .sub .row {width: 100%; overflow: hidden;}
#vertical .menu li .sub li {float: none; width: 140px; font-size: 1em; font-weight: normal;}
#vertical .menu li .sub li.mega-hdr {float: left;margin: 0 5px 10px 5px;}
#vertical .menu li .sub a, #vertical .menu.left li .sub a {background: none; border: none; text-shadow: none;float: none;color: #000; display: block;text-decoration: none; font-size: 0.9em;margin-bottom: 0;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a {background: url(../images/bg_nav.png) repeat-x 0 -40px; padding: 5px;margin-bottom:5px;text-transform: uppercase; font-weight: bold; color: #fff;text-shadow: 1px 1px 1px #000;text-align: left;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}
#vertical .menu .sub li a {padding: 3px 0px 3px 12px;background: url(../images/bullet_1.gif) no-repeat 3px 8px;font-weight: normal;text-transform: capitalize; font-size: 12px;}
#vertical .menu .sub li a:hover {color: #fff; background: #000 url(../images/bullet_white.png) no-repeat 5px 8px;}

(КОД ЗАМЕНЕН!)Заменяем все в category_tree.tpl.html на:
{if $smarty.const.CONF_SHOW_MENU == 1}

<div class="dcjq-vertical-mega-menu" id="vertical" style="margin-bottom:20px;">
    {assign var="old" value=-1}
    {assign var="ul_open" value=0}
    {assign var="sub" value=0}

    {section name=i loop=$categories_tree}

        {if $categories_tree[i].level==$old}
            </li>
        {elseif $categories_tree[i].level<$old}
           {section name=n loop=$old-$categories_tree[i].level}
              </li></ul></li>{assign var="ul_open" value=$ul_open-1}
           {/section}
        {else}
            <ul {if $old==-1}id="mega-1" class="menu"{/if}>
            {assign var="ul_open" value=$ul_open+1}
        {/if}


        {if $smarty.section.i.index==$categories_tree|@count && $ul_open>0}</ul></li>{/if}

         {if $categories_tree[i].level ne 0}
            {if $sub}<li class="subfirst">{assign var="sub" value=0}{else}<li>{/if}
            <a style="width:100%;" href="./{$categories_tree[i].hurl}" {if $categoryID==$categories_tree[i].categoryID} class="pressed" {/if}><span>{$categories_tree[i].name}</span></a>
        {else}
            <li class={if $smarty.section.i.index==0}"topfirst"{elseif $smarty.section.i.index==$categories_tree|@count-1}"toplast"{else}"topmenu"{/if}>
            <a href="./{$categories_tree[i].hurl} {if $categoryID==$categories_tree[i].categoryID}class="pressed"{/if}"><span>{$categories_tree[i].name}</span></a>
        {/if}
 
        {assign var="old" value=$categories_tree[i].level}

    {/section}

    {if $ul_open ne 0}
       {section name=c loop=$ul_open}
         {if $ul_open==0}</ul>{else}</ul></li>{/if}
         {assign var="ul_open" value=$ul_open-1}
       {/section}
    {/if}
</div>

{else}

<div class="box">
  <div class="top"><img src="./images/icon_cat.png" alt="" /> {$smarty.const.ADMIN_CATEGORY_TITLE}</div>
   <div id="category" class="middle">
   
   <ul  id="verticalmenu" class="glossymenu">
    {assign var="old" value=0}
    {assign var="ja" value=0}
    {section name=i loop=$categories_tree}
        {if $categories_tree[i].level==$old}</li> {elseif $categories_tree[i].level>$old} <ul> {/if}
        {if $categories_tree[i].level<$old && $old>1}</li>{/if}
        {if $categories_tree[i].level<$old} </ul> {/if}
        <li><a href="./{$categories_tree[i].hurl}" {if $categoryID == $categories_tree[i].categoryID} class="selected" {/if}>{$categories_tree[i].name}</a>
    {assign var="old" value= $categories_tree[i].level}
    {/section}
    </ul>
   </div>
  <div class="bottom"></div>
</div>

{/if}

в index.tpl.html заменяем

      <div class="box">
        <div class="top"><img src="./images/icon_cat.png" alt="{$smarty.const.ADMIN_CATEGORY_TITLE}" />{$smarty.const.ADMIN_CATEGORY_TITLE}</div>
        <div class="top_l"></div>
        <div id="category" class="middle">
  {include file="category_tree.tpl.html"}
        </div>
        <div class="bottom">&nbsp;</div>
      </div>

на
    {include file="category_tree.tpl.html"}

В head.tpl.html добавляем
<script type='text/javascript' src='./css/css_{$smarty.const.CONF_COLOR_SCHEME}/javascript/jquery.menu.1.3.3.js'></script>

<script type="text/javascript">
$(document).ready(function($){
$('#mega-1').dcVerticalMegaMenu({
speed: 'fast',
effect: 'slide',
direction: 'right'
});});
</script>

Ну и закидываем изображения в папку images и скрипт в папку javascript c архива ниже...
Пример: _http://vo-stok.com.ua/
Вопрос - как реализовать в выпадающем меню 1 или 4 колонки ?
Пример - http://dreamstan.ru
Установлен Лего 5.0.2 шаблон AreaInfo

Оффлайн Юрий

  • Старожил
  • ****
  • Сообщений: 322
    • Просмотр профиля
    • Во-Сток
Re: FAQ и "улучшения" для Lego
« Ответ #10 : Апреля 23, 2012, 02:32:36 pm »

Вопрос - как реализовать в выпадающем меню 1 или 4 колонки ?
Пример - http://dreamstan.ru
Установлен Лего 5.0.2 шаблон AreaInfo


Ну во первых это не шаблон areainfo! Я ему название еще не давал, поскольку он еще будет на корню переписываться...
Во вторых - когда копируете сайт то хотя бы б копирайты оставляли... А то на какие то суши ссылаетесь!!!
и  вообще то что не реализовали(поиск и ссылки на страницы в меню)  - дак отключили б. Это так совет..

Что касается меню то - http://www.designchemical.com/lab/jquery-vertical-mega-menu-plugin/getting-started/
если правильно помню то rowItems - это количество колонок
« Последнее редактирование: Апреля 23, 2012, 02:44:38 pm от Юрий »

mazi

  • Гость
Re: FAQ и "улучшения" для Lego
« Ответ #11 : Апреля 23, 2012, 03:54:26 pm »
Ну во первых это не шаблон areainfo! Я ему название еще не давал, поскольку он еще будет на корню переписываться...
Лежит в папке с шаблоном areainfo )))
Цитировать
то что не реализовали(поиск и ссылки на страницы в меню)  - дак отключили б. Это так совет..
Отключу. Перенес сайт со старого Лего 4.0  - всё в процессе...
Цитировать
Что касается меню то - http://www.designchemical.com/lab/jquery-vertical-mega-menu-plugin/getting-started/
если правильно помню то rowItems - это количество колонок
Никак не найду rowItems..... Вы не ошиблись?

Оффлайн Юрий

  • Старожил
  • ****
  • Сообщений: 322
    • Просмотр профиля
    • Во-Сток
Re: FAQ и "улучшения" для Lego
« Ответ #12 : Апреля 23, 2012, 04:07:24 pm »
Лежит в папке с шаблоном areainfo )))В какой папке? где? Я его не вылаживал....

Отключу. Перенес сайт со старого Лего 4.0  - всё в процессе...Я бы не советовал брать шаблон с vo-stok.com.ua. Там грубо говоря другой движок.) Брался лего 5,0 но уже много что переписано и поэтому могут быть глюки у вас  на сайте. Лучше за основу брать стандартный шаблон.

нет не ошибся.

<script type="text/javascript">
$(document).ready(function($){
   $('#mega-1').dcVerticalMegaMenu({
      speed: 'fast',
      effect: 'slide',
                            rowItems: '4',
      direction: 'right'
   });});
</script>

mazi

  • Гость
Re: FAQ и "улучшения" для Lego
« Ответ #13 : Апреля 23, 2012, 04:55:28 pm »
Спасибо - нашел.
Вернее добавил строку  rowItems: '4',

в head.tpl.html

<script type="text/javascript">
$(document).ready(function($){
        $('#mega-menu').dcMegaMenu({
speed: 'fast',
effect: 'slide'
        });

$('#mega-1').dcVerticalMegaMenu({
speed: 'fast',
effect: 'slide',
                           rowItems: '4',
direction: 'right'
});
});
</script>

</head>

maksalf

  • Гость
Re: FAQ и "улучшения" для Lego
« Ответ #14 : Августа 11, 2012, 08:47:02 pm »
Делаем следующее
в css своей темы добавляем:
/* Vertical Mega Menu */
.dcjq-vertical-mega-menu li{padding: 0;background: 0;}
.dcjq-vertical-mega-menu ul{padding-left: 0px;margin: 0px;}
#vertical .menu{font: bold 12px Arial, sans-serif; line-height: 16px; position: relative; border: 1px solid #999; -moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;box-shadow:1px 1px 3px #555;}
#vertical .menu li a {display: block; color: #000; padding: 11px 18px 11px 5px; text-shadow: 1px 1px 1px #fff; text-decoration: none;border-bottom: 1px solid #999;background: url(../images/bg_nav.png) repeat-x 0 0;}
#vertical .menu li a:hover, #vertical .menu li.mega-hover a {background-position: 0 -40px; color: #fff; text-shadow: 1px 1px 1px #000;}
#vertical .menu li a.dc-mega {position: relative;}
#vertical .menu li a .dc-mega-icon {display: block; position: absolute; top: 14px; right: 15px; width: 6px; height: 8px; background: url(../images/arrow_right.png) no-repeat -6px 0;}
#vertical .menu li .sub-container {position: absolute;overflow: hidden;background: url(../images/bg_menu.png) no-repeat 100% 100%;padding: 0 13px 17px 0; }
#vertical .menu li .sub-container .sub {border: none;padding: 5px 15px 5px 5px;background: #fff url(../images/bg_grad_top.png) repeat-x 0 0;border-top: 1px solid #ccc; border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;border-left: 1px solid #ccc;}
#vertical .menu li .sub .row {width: 100%; overflow: hidden;}
#vertical .menu li .sub li {float: none; width: 140px; font-size: 1em; font-weight: normal;}
#vertical .menu li .sub li.mega-hdr {float: left;margin: 0 5px 10px 5px;}
#vertical .menu li .sub a, #vertical .menu.left li .sub a {background: none; border: none; text-shadow: none;float: none;color: #000; display: block;text-decoration: none; font-size: 0.9em;margin-bottom: 0;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a {background: url(../images/bg_nav.png) repeat-x 0 -40px; padding: 5px;margin-bottom:5px;text-transform: uppercase; font-weight: bold; color: #fff;text-shadow: 1px 1px 1px #000;text-align: left;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}


а куда правильно вставить это в какую папку ? ?
спасибо за ответ
« Последнее редактирование: Августа 11, 2012, 10:04:29 pm от nictboom »