46
Общие вопросы / Re: Алгоритм ресайза картинок
« : Января 15, 2012, 04:18:51 pm »
из одно картинки ресайзится на опенкарте.. там вроде проверенный алгоритм
🔶 Свежий релиз CMS Legosp 6.3.1
😎 Новый универсальный шаблон "Store"
👉 Новая услуга "Бесплатный SEO анализ" вашего сайта!
🔴 6 супер модулей всего за 👉100$ В разделе модули "Комплект из 6-ти модулей"
💣 УРА! Мы обновили дизайн сайта!
☁️ Интернет-магазин в облаке Legosp CLOUD!⚡⚡⚡
В этом разделе можно просмотреть все сообщения, сделанные этим пользователем.
По древу категорий уже было улучшения. Но я выложу свое. А то много вопросов задают в лс по этому поводу))
Это для версии 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"> </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/
Если к товарам добавлять теги а потом щелкнуть по нужному тегу в Облаке тегов, то появится страница, у которой нет тегов Title и Discription.когда то у себя правил такое..на 4.6
Само по себе облако тегов - это полезная очень штука, но без титла совсем негодная к продвижению
<h1>{$smarty.const.PRODUCTS_TAGGED} "{$selected_tag[1]}"</h1>
меняем на <h1>{$selected_tag[1]}</h1>
}
$smarty->assign("meta_keywords", "$tagID");
$smarty->assign("meta_desc", "товары с тегом $tagID ");
можно сделать так:
1. в css/css_тема/stylesheet/stylesheet.css добавить:
[spoiler]Код: [Выделить].slide{display:block; width:490px; height:150px; position:relative; padding:5px 30px;}
[/spoiler]можно поиграть с размерами, эти сделал для наглядности
.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;}
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/ чуть поправил, просто себе я делал для других задач, другой ксс и настройки...
<script type="text/javascript">
$('.jqzoom').jqzoom({
{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
сайчас пытаюсь найти подобный шаблон на OpenCart или ShopScript...
пока ничего путного не находиться.
я так понимаю, что ели фото больше трех, нужно через js делать.
видела подобное на сайте http://vo-stok.com.ua/product/htc-s710f-g11-253/ у Ярика.
каким образом туда прикручен код JS ?
<a rel="#tab_description">{$smarty.const.ADMIN_PRODUCT_DESC}</a>
<a rel="#tab_related">{$smarty.const.STRING_RELATED_ITEMS}</a>
<a rel="#tab_all_product">{$smarty.const.ADMIN_CATEGORY_ALL} «{$selected_category[1]}»</a>
<a rel="#tab_description">{$smarty.const.ADMIN_PRODUCT_DESC}</a>
<a rel="#tab_related">{$smarty.const.STRING_RELATED_ITEMS}</a>
<a rel="#tab_all_product">{$smarty.const.ADMIN_CATEGORY_ALL} «{$selected_category[1]}»</a>