Сообщения

46

Общие вопросы / Re: Алгоритм ресайза картинок

« : Января 15, 2012, 04:18:51 pm »

из одно картинки ресайзится на опенкарте.. там вроде проверенный алгоритм

47

Установка Legosp / Re: FAQ и "улучшения" для Lego

« : Января 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?

48

Общие вопросы / Re: Алгоритм ресайза картинок

« : Января 14, 2012, 09:11:02 pm »

а двумя картинками нельзя обойтись?
средняя картинка 220 px
и большая картинка родного разрешения
все маленькие картинки ресайзить из 220px на лету.. вроде нагрузка не должна быть большой
 

49

Общие вопросы / Re: Облако Тегов, нет Title и Discription на выводимой странице

« : Января 12, 2012, 10:49:36 pm »

Если к товарам добавлять теги а потом щелкнуть по нужному тегу в Облаке тегов, то появится страница, у которой нет тегов Title и Discription.
Само по себе облако тегов - это полезная очень штука, но без титла совсем негодная к продвижению

когда то у себя правил такое..на 4.6
1. файл tag.tpl.html из папки с вашей темой CSS
4 строка
находим
 

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

<h1>{$smarty.const.PRODUCTS_TAGGED} "{$selected_tag[1]}"</h1>меняем на

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

<h1>{$selected_tag[1]}</h1>
2. файл tag.php из папки Includes

в самом конце перед закрывающимися скобками
      }

}
?>


вставляем следующее:
$smarty->assign("meta_title", "$tagID");

$smarty->assign("meta_keywords", "$tagID"); 

$smarty->assign("meta_desc", "товары с тегом $tagID ");

50

Общие вопросы / Re: Важные параметры для интернет магазина

« : Января 11, 2012, 08:12:47 pm »

можно сделать так:
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/ чуть поправил, просто себе я делал для других задач, другой ксс и настройки...

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

51

Общие вопросы / Re: Алгоритм ресайза картинок

« : Января 11, 2012, 10:20:01 am »

с картинками странно другое.. альты прописываются только для маленьких картинок 220px. а при открытии большой картинки через FancyBox  альтов нет... что есть очень и очень плохо, не говоря уже о замене имени самой картинки.. (речь идет про главную картинку товара)

52

Общие вопросы / Дополнительное текстовое поле в товарах

« : Января 10, 2012, 11:23:20 am »

Возникла необходимость добавить дополнительное текстовое поле с информацией к товару. по типу как поле "артикул"  на 200-300 символом..
или может переделать под эти нужды поле "Дата", т.к. все равно не нужно фактически?

Подскажите, насколько проблемно влезать во все это. много ли всего нужно редактировать..и т.п.



[вложение удалено администратором]

53

Общие вопросы / Re: как правильно обновить jquery

« : Января 04, 2012, 07:22:07 am »

Вчера пробовал подключить другую лупу  -  jQzoom.
На мой взгляд, работает лучше чем cloud-zoom и не конфликтует с fancybox

Подключается так:
В папке CSS создаем папку jqzoom и кладем туда файлы из архива.

В файле head.tpl.html вашей темы добавляем такие строчки перед тегом </head>
[spoiler]<script type="text/javascript" src="./css/jqzoom/jquery.jqzoom-core-pack.js"></script> 
    <link rel="stylesheet" type="text/css" href="./css/jqzoom/jquery.jqzoom.css" media="screen" />

<script type="text/javascript">

$(document).ready(function() {

$('.jqzoom').jqzoom({
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:false
        });

});


</script>[/spoiler]

примеры настроек и оффсайт тут
http://www.mind-projects.it/projects/jqzoom/demos.php#demo1

вопрос к камрадам, как возможно прикрутить галерею на Лего с функцией jqzoom?
типа как на картинке или в примере №1 на сайте?


[вложение удалено администратором]

54

Общие вопросы / Re: как правильно обновить jquery

« : Января 04, 2012, 01:22:16 am »

как ни странно, зум картинки (cloud-zoom) не работает с jquery выше 1.5....
очень странно

с 1.4.5 работает отлично

55

Общие вопросы / Re: как правильно обновить jquery

« : Января 03, 2012, 10:35:45 pm »

некоторые фишки не работают со старым jquery.. хз почему..

все эти фишки и красивости, баловство, конечно, но попробовать хочется, т.к. только открываю для себя мир jquery ))

56

Общие вопросы / как правильно обновить jquery

« : Января 03, 2012, 09:19:42 pm »

Lego4.6
денвер..

Сейчас стоит версия js_jquery.js 1.4.3 но там еще какие то плагины дописаны.
//// JQUERY PLUGIN - FancyBox 1.3.4 (11/11/2010)
//// JQUERY PLUGIN - TABS
//// JQUERY PLUGIN - EASING
//// JQUERY PLUGIN - SUPERFISH MENU WIDGET
//// SWFOBJECT - FLASH PLAYER


собственно это и настораживает, т.к. в новой версии  jquery 1.7.1 этого нет.

Подскажите камрады, как правильно обновить до 1.7.1?
Может просто подгружать через google типа так:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
прописав эту строку в файл head.tpl.html
Будет ли работать на денвере такая строка и  что тогда делать со строчкой   <script type="text/javascript" src="./core/js/js_jquery.js"></script>  и с плагинами?

На многих сайтах пишут, что через гугл подгружать правильно т.к. работать будет быстрее и вообще это "Тру"..

57

Общие вопросы / Re: Важные параметры для интернет магазина

« : Января 02, 2012, 04:44:24 pm »

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

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

58

Общие вопросы / Re: Важные параметры для интернет магазина

« : Января 02, 2012, 03:37:04 pm »

или альтернативный вариант с прокруткой средствами только 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}

59

Общие вопросы / Re: Важные параметры для интернет магазина

« : Января 02, 2012, 02:09:38 pm »

нужен исходник 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]

60

Продвижение / Re: Убрать статьи и новости со страницы модели

« : Декабря 16, 2011, 08:56:01 am »

спасибо граждане за помощь. сделал, все работает.


в идеальном варианте товар страница товара не должна содержать всяких левых ссылок, типа ссылки навигации, главная, статьи, и т.п.

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

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

Например: новость №1.

в продажу поступили телефоны Nokia500 от мирового лидера производства мобильных телефонов.
Моноблок с функцией смартфона в привлекательном корпусе.. бла бла ба..

-300-400 символов.
- анкор один в первой половине текста и один ближе к концу. Анкоры должны быть в середине длинного предложения, хотя бы из 5-7 слов.
- анкор у Seoшников, это гиперсылка такая Nokia500, не путать с анкором в HTML.
- важно писать чистые анкоры, т.е. без точек, и других знаков препинания в конце, например такой анкор луше не ставить Nokia500.
- пару картинок обязательно  с прописаными alt и title.
- картинки лучше брать со страницы товара (из дополнительных фото)
- и текст писать обязательно! для людей. Т.е. делать отступы, абзацы, нумерованные списки, заголовки, выделения жирным.  (Гугл в последнее время наловчился отличать SEO тексты от текстов для людей. )


Насчет написания новостей, мучаюсь сколько времени со вставкой маленькой миниатюры при создании новости.
[spoiler][/spoiler]
Каждый раз нужно в фотошопе делать маленькую картинку и вставлять ее через кнопку "обзор".
Хотя на сайте уже лежат миниатюры для данного товара в папке product_pictures. может можно как то отуда их вставлять, типа вместо выбора картинки с винчестера, выбирать картинку с сервера?

когда вставляю ссылку на картинку с сервера, естевственно пишет ошибку
[spoiler][/spoiler]
может синтаксис другой нужен, без слешей, или еще какой то?