Темы

16

Разработка / Кнопка плавной прокрутки наверх, лего 6

« : Ноября 13, 2012, 02:42:06 am »

Скачать архив

файл up.js положить в ваш_сайт/css/ваша_тема/javascript

Картинку стрелки arrows2.png положить в ваш_сайт/css/ваша_тема/images

 

В ваш_сайт/css/ваша_тема/theme/head.tpl.html вниз, перед </head> дописать

<script type="text/javascript" src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/javascript/up.js"></script>



В вваш_сайт/css/ваша_тема/stylesheet/stylesheet.css добавить код

.scrollTop{
        background:url(../../images/page/arrows2.png) 0 0 no-repeat;
        display:block; width:50px; height:50px;
        position:fixed; bottom:10px; left:47%;
        z-index:2000;
    }
    .scrollTop:hover{ background-position:0 -58px; }


В ваш_сайт/css/ваша_тема/theme/index.tpl.html вниз, перед </body> добавить код

<a id="gotop" class="scrollTop" href="#" onclick="top.goTop(); return false;"></a>

Пример работы http://tvoyakrasota.com/


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

17

Разработка / Пинг поисковиков

« : Октября 11, 2012, 02:18:51 pm »

Как реализовать, чтобы при добавлении товара посылался пинг поисковикам?

http://api.my.yahoo.com/RPC2       
http://blogsearch.google.ru/ping/RPC2       
http://ping.blogs.yandex.ru/RPC2       
http://rpc.pingomatic.com/

Как показала практика - намного улучшает индексацию.

18

Продвижение / Для Лего свой штатный продвиженец, - бред, или реальность?

« : Июля 03, 2012, 07:14:54 pm »

Я тут подумал на досуге... Было бы очень даже зашибись, если бы нашелся человек, который раскручивал бы лего за какие-нибудь адекватные деньги!

Давайте рассуждать логически.
 
Движок бесплатный, значит и юзают его совсем не олигархи и на дорогую раскрутку у них тупо нет денег. Максимум что они могут "отжалеть" 300-400 грн. в месяц. Цифра проверена на личном опыте (я на лего штук 20 сайтов собрал) хозяева за раскрутку больше платить просто не готовы.

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

Так вот, если при всех своих достоинствах Лего будет еще и поддержан недорогим собственным продвижением, он оставит далеко позади остальных конкурентов. Ведь мало создать магазин, его нужно еще и раскрутить, чтоб счастье было.

Может кому-то 300-400 в месяц за сайт поднять покажется слишком мало, но тут ведь немного на поток поставить можно, движок-то один...

19

Разработка / Nivo Slider

« : Июня 14, 2012, 07:43:44 am »

В /core/js/ заливаем jquery.nivo.slider.pack.js

В /css/ваша_тема/image/ заливаем arrows.png  bullets.png  loading.gif

В файл /css/ваша_тема/theme/head.tpl.html перед тегом </head> добавляем

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

<script type="text/javascript" src="./core/js/jquery.nivo.slider.pack.js"></script>
В файл /css/ваша_тема/theme/index.tpl.html перед тегом </body> добавляем

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

<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
(для версии 4,6 заключите в {literal}{/literal})

В файл /css/ваша_тема/stylesheet/stylesheet.css в самый низ добавьте

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

/*Слайдер*/
.theme-default #slider {
margin:0 auto 0 auto;
width:742px; /* Make sure your images are the same size */
height:456px; /* Make sure your images are the same size */
}
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#ccc;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/*дефолт тема*/
.theme-default .nivoSlider {
position:relative;
background:#fff url(../image/loading.gif) no-repeat 50% 50%;
margin-bottom:50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}

.theme-default .nivo-controlNav {
position:absolute;
left:50%;
bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(../image/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(../image/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}

.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
Здесь можно отредактировать размер окна слайдера, цвет подложки и остальные стили.

Теперь в нужное Вам место вставьте код самого слайдера

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

<div id="wrapper">

<div class="slider-wrapper theme-default">

<div id="slider" class="nivoSlider">

<a href="ссылка"><img src="Путь к картинке" alt="" title="Надпись к изображению" /></a>

<img src="Путь к картинке" alt=""/>

<img src="Путь к картинке" alt="" data-transition="slideInLeft" />

<img src="Путь к картинке" alt=""/>

</div>

</div>

</div>
Пример _http://sofi.cc.ua

архив во вложении

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

20

Общие вопросы / В категории товара среднее фото

« : Июня 11, 2012, 03:01:00 pm »

Что прописать в product_brief.tpl.html
вместо

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

<img id="dp{$product_info[11]}" src="./products_pictures/{if $p_default[$id]}{$p_default[$id]}-B.jpg{else}{$product_info[7]}{/if}" alt="{$product_info[1]|replace:'"':'&quot;'}" />чтобы вывести не маленькое, а среднее фото?

21

Общие вопросы / Как поставить ссылку на краткое описание производителя?

« : Мая 31, 2012, 06:31:10 am »

Ссылка на подробное описание производителя - <a href="./{$product_info[19]}">
Как поставить ссылку на краткое описание производителя?

22

Разработка / Лупа к изображению

« : Апреля 12, 2012, 01:07:38 pm »

Прикрутил лупу отсюда http://pcvector.net/scripts/image-effects/7-effekt-lupy-na-izobrazhenii-zoomy.html

На денвере все работает, на сервере не хочет

Сделал так
в файл css/тема/stylesheet/stylesheet.css добавил

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

/*Лупа*/
.zoomy{
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    -webkit-box-shadow: 3px 3px 10px #000;
    -moz-box-shadow: 3px 3px 10px #000;
    border: 0;
    cursor: url(../image/blank.gif), move;
    line-height: 100px;
    text-align: center;
    background-image: url(../image/loading.gif);
    background-position: center;
    background-color: #fff;
    z-index: 1000;
}
.zoomy span{
    display: block;
    margin: 10px auto;
    background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.50, rgba(255, 255, 255, 0)), to( rgba(255, 255, 255, .5)));
    background:-moz-linear-gradient(bottom center, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .5) 100%);

}


.zoomy img{
    opacity: 0;
    filter:alpha(opacity=0);
}
.zoomy a{
    color: #333;
    text-decoration: none;
}

.broke a{
    display: block;
    height: 100%;
    width: 100%;
   
}

#brokeZoomy{
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: #fff url(../image/broke.gif) center no-repeat;
}



Залил картинки для лупы в папку  css/тема/image/

залил jquery.zoomy0.5.min.js в core/js

в файле css/тема/theme/head.tpl.html

перед </head> добавил

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

<script type="text/javascript" src="./core/js/jquery.zoomy0.5.min.js."></script>
и в  css/тема/theme/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>
поменял class="thickbox" на class="zoom"

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

<a href="./products_pictures/{if $p_default}{$p_default}-B.jpg{else}{$product_info[9]}{/if}" class="zoom" 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>и в самом низу вставил

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

<script type="text/javascript">
    $(function(){   
        $('.zoom').zoomy();
    });
    </script>
Где ошибся?

Куда копать?

23

Дизайн и шаблоны / Немного измененный дефолтный шаблон для Lego 5

« : Декабря 30, 2011, 01:10:27 am »

Маленько изменил дефолтную тему Lego 5, берите кому нужно


http://lugobor.cc.ua/f/css_lugobor.rar