Просмотр сообщений

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


Темы - lugobor

Страницы: [1] 2
1
Бесплатный шаблон для Shop-Script Legosp 6.1.2 от 21-03-2014

Берите кому нужно))

Качать тут http://lugobor.net/portfolio/147-besplatnyj-shablon-dlya-shop-script-legosp.html






2
Тема неоднократно поднималась на форуме, но подходящего для моего случая решения пока нет.

Есть сайт, валюта по умолчанию - доллар. Т.е. цена товарам ставится в долларах.
Вторая валюта - белорусский рубль.
Курс доллар/бел.руб 1/9300 или 0,0001075

Когда ставлю бел. рублю курс 0,0001075 - счастья не наступает, считает тупо курс 0

Как быть в этом случае?

3
Что вписать в product_brief.tpl.html чтобы отобразить

На складе: В наличии?

4
Собственно вопрос в названии
Как вывести цену в 2-х валютах в Лего6 ?

5
Сразу предупреждаю, поиск уже курил... Нашел 3 темы, где дают примерное направление. В результате танцевал с бубном над Лего5 с этим вопросом, теперь Лего6 на очереди.

Напишите пожалуйста как для Лего6 удалить поля e-mail и фамилия при оформлении заказа. Заранее спасибо!

6
Дизайн и шаблоны / Бесплатный шаблон для Лего 6
« : Сентября 29, 2013, 08:43:56 am »
Маленько переделал дефолтную тему. Кому надо - берите на здоровье!



скачать тута

7
С помощью такой карусели можно вывести наиболее интересные предложения магазина в любом месте. Установка достаточно простая, необходимы начальные знания html, css и прямые руки


Скачайте архив http://lugobor.ru/users/files/download30.html


Папки js и images с содержимым залить в ваш_сайт/css/ваша_тема/

Папки с содержимым carousel и img залить в корень сайта
 

В ваш_сайт/css/ваша_тема/stylesheet/stylesheet.css вниз добавить код
/*_____________________________________________ Карусель _____________________________________________*/

.carousel {
width:880px; /* ширина всего блока */
margin: 5px auto;
}
.carousel-wrapper {
width: 810px; /* ширина области карусели */
overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
margin:0px;
padding:0px;
}
.carousel-items {
width: 10000px; /* устанавливаем большую ширину для набора элементов */
position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
float: left; /* выстраиваем все элементы карусели в ряд */
width: 250px; /* задаём ширину каждого элемента */
padding: 10px 10px; /* делаем оступы, чтобы элементы не сливались */
}

/*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a{
width: 25px;
height: 36px;
position: relative;
top: 80px;
cursor: pointer;
text-decoration:none;
}
.carousel-button-left a{
float: left;
background: url(../images/carousel-left.png);
}
.carousel-button-right a{
float: right;
background: url(../images/carousel-right.png);
}

/*********** SHADOW ***********/
.shadow-block{
float:left;
}
.shadow-block .t{
padding:0px;
background: url(../images/shadow/tc.jpg) repeat-x top;
}
.shadow-block .b{
padding:0px;
background: url(../images/shadow/bc.jpg) repeat-x bottom;
}
.shadow-block .t .t{
padding:0px;
background: url(../images/shadow/tl.jpg) no-repeat top left;
}
.shadow-block .t .t .t{
padding:4px 0px 0px 0px;
background: url(../images/shadow/tr.jpg) no-repeat top right;
}

.shadow-block .b .b{
padding:0px;
background: url(../images/shadow/bl.jpg) no-repeat bottom left;
}
.shadow-block .b .b .b{
padding:0px 10px 12px 10px;
background: url(../images/shadow/br.jpg) no-repeat bottom right;
}
.shadow-block .m{
padding:0px;
background: url(../images/shadow/l.jpg) repeat-y left;
}
.shadow-block .m .m{
padding:0px;
background: url(../images/shadow/r.jpg) repeat-y right;
}

Там же можно отредактировать стиль отображения

В ваш_сайт/css/ваша_тема/theme/head.tpl.html перед тегом </head> добавить код
<!--Карусель-->
<script type="text/javascript" src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/js/carousel.js"></script>


В нужном вам месте вывести карусель кодом
<div class="carousel">

<div class="carousel-button-left"><a href="javascript:void(0);">&nbsp;</a></div>
<div class="carousel-button-right"><a href="javascript:void(0);">&nbsp;</a></div>


<div class="shadow-block" style="padding-left:0px;">
<div class="t"><div class="b"><div class="m"><div class="m">
<div class="t"><div class="t"><div class="b"><div class="b">
<div class="carousel-wrapper">
<div class="carousel-items">

<div class="carousel-block">
<img src="./carousel/1.jpg" alt="" />
</div>

<div class="carousel-block">
<img src="./carousel/2.jpg" alt="" />
</div>

<div class="carousel-block">
<img src="./carousel/3.jpg" alt="" />
</div>

<div class="carousel-block">
<img src="./carousel/4.jpg" alt="" />
</div>
<div class="carousel-block">
<img src="./carousel/5.jpg" alt="" />
</div>
<div class="carousel-block">
<img src="./carousel/6.jpg" alt="" />
</div>
<div class="carousel-block">
<img src="./carousel/7.jpg" alt="" />
</div>
<div class="carousel-block">
<img src="./carousel/8.jpg" alt="" />
</div>

</div>
</div>
</div></div>
</div></div></div>
</div></div></div>
</div>
</div>

Пример работы карусели тут http://ndtsale.ru/

Как видно из кода, картинки складывайте в папку carousel в корне сайта

Все.

Естественно картинки можно делать ссылками.

8
В магазине валюта гривна и доллар, но в товарном чеке (админка, печать) упорно вылазит

Итого  прописью: рублей 00 копеек

Как исправить этот косяк?

9
Если длинное название товара - беда, создает урл с нижним подчеркиванием на конце и без слеша.

Ну и картинки не отображаются...

Пример тут http://byblgym.com/product/konstruktor_

Как исправить?

10
Разработка / ParallaxContentSlider для Shop-Script LegoSP 6
« : Марта 12, 2013, 03:46:49 pm »
Пример скрипта тут http://tympanus.net/Development/ParallaxContentSlider/

Архив тут http://lugobor.org.ua/users/files/download26.html


Скопируйте содержимое папок в аналогичные папки вашей темы оформления


ВНИМАНИЕ!!! Если при копировании предложат заменить, значит стоит отказаться и посмотреть на наличие одноименных файлов!


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

<!--Слайдер-->
<link rel="stylesheet" type="text/css" href="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/stylesheet/demo.css" />
<link rel="stylesheet" type="text/css" href="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/stylesheet/style.css" />
<script type="text/javascript" src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/javascript/modernizr.custom.28468.js"></script>
        <noscript>
            <link rel="stylesheet" type="text/css" href="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/stylesheet/nojs.css" />
        </noscript>

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

<!--Слайдер-->
        <script type="text/javascript" src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/javascript/jquery.cslider.js"></script>
        <script type="text/javascript">
            $(function() {
           
                $('#da-slider').cslider();
           
            });
        </script>

В нужное вам место вывести слайдер кодом

<div id="da-slider" class="da-slider">
                <div class="da-slide">
                    <h2>Заголовок 1</h2>
                    <p>описание 1</p>
                    <a href="#" class="da-link">Подробнее...</a>
                    <div class="da-img"><img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/images/1.jpg" alt="Альт)))" /></div>
                </div>
                <div class="da-slide">
                    <h2>Заголовок 2</h2>
                    <p>описание 2</p>
                    <a href="#" class="da-link">Подробнее...</a>
                    <div class="da-img"><img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/images/2.jpg" alt="Альт)))" /></div>
                </div>
                <div class="da-slide">
                    <h2>Заголовок 2</h2>
                    <p>описание 3</p>
                    <a href="#" class="da-link">Подробнее...</a>
                    <div class="da-img"><img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/images/3.jpg" alt="Альт)))" /></div>
                </div>               
                <nav class="da-arrows">
                    <span class="da-arrows-prev"></span>
                    <span class="da-arrows-next"></span>
                </nav>
            </div>

вот пожалуй и все...

Стиль подогнал под картинки 390х390, это, цвет шрифта, фон, кнопочки меняются в style.css

12
Перерыл все файлы, но не нашел

Где убрать гламурную розовую рамку вокруг метки в облаке тегов?



И вообще, кому и с какого перепуга придумалось сделать ее розовой?  ;D

13
Общие вопросы / Обучение работе с Лего 6
« : Января 27, 2013, 10:44:25 am »
В группе обучения созданию сайтов http://lugobor.org.ua/clubs/3 начинается "сборка-разборка" Лего 6. Сильно в дебри углубляться не будем, - разберем подробно тему оформления (перекройку дизайна) и немного по функционалу.

Кому интересно - присоединяйтесь http://lugobor.org.ua/web-%D0%BF%D0%B5%D1%81%D0%BE%D1%87%D0%BD%D0%B8%D1%86%D0%B0/%D1%83%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0-shop-script-legosp-%D0%BD%D0%B0-%D0%BB%D0%BE%D0%BA%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80.html

14
Недавно клиенту устанавливал, вдруг кому еще пригодится...

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

Папку pages вместе с содержимым скопировать в корень сайта
 

jquery.min.js pcvector.js turn.js turn.min.js положить в /core/js/

 

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

/*Листание*/
#magazine{
margin:0 10%;
}
#magazine .turn-page{
background-color:#ccc;
background-size:100% 100%;
}


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

<!--Листать страницы-->
<script type="text/javascript" src="./core/js/jquery.min.js"></script>
<script type="text/javascript" src="./core/js/turn.min.js"></script>


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

{literal}<script type="text/javascript">

$('#magazine').bind('turned', function(e, page) {
console.log('Current view: ', $('#magazine').turn('view'));
})

$('#magazine').turn({width: 800, height: 568, acceleration: true, shadows: !$.isTouch});
</script>{/literal}

(тут можно изменить высоту и ширину контейнера)

 

В нужном вам месте "книжку" вывести кодом

<div id="magazine">
<div style="background-image:url(./pages/1.png);"></div>
<div style="background-image:url(./pages/2.png);"></div>
<div style="background-image:url(./pages/3.png);"></div>
<div style="background-image:url(./pages/4.png);"></div>
<div style="background-image:url(./pages/5.png);"></div>
<div style="background-image:url(./pages/6.png);"></div>
</div>
где url(./pages/1.png) - адрес вашей картинки, в данном случае - корень сайта, папка pages

пример http://dudkov.ua/info/primer-listaniya/

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

15
Разработка / Nivo Slider для Lego 6
« : Ноября 22, 2012, 02:03:54 pm »
По многочисленным просьбам выкладываю слайдер для лего6 с подробным описанием :)
[spoiler]
Скачать архив

В ваш_сайт/css/ваша_тема/javascript/ заливаем jquery.nivo.slider.pack.js

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

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

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


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

<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>



В файл ваш_сайт/css/ваша_тема/stylesheet/stylesheet.css в самый низ добавьте
/*Слайдер*/
.theme-default #slider {
    margin:0 auto 0 auto;
    width:742px; /* Ширина слайдера */
    height:456px; /* Высота слайдера */
}
.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;
}

Здесь можно отредактировать размер окна слайдера, цвет подложки и остальные стили.

Картинки для слайдера 1.jpg 2.jpg 3.jpg 4.jpg положить в ваш_сайт/css/ваша_тема/image/

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

<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="#"><img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/1.jpg" alt="" title="Надпись к изображению" /></a>
<img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/2.jpg" alt=""/>
<img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/3.jpg" alt="" data-transition="slideInLeft" />
<img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/2.jpg" alt=""/>
</div>
</div>
</div>
<br><br>

Например, если нужно его разместить на главной вверху, добавьте этот код в ваш_сайт/css/ваша_тема/theme/home.tpl.html перед
{$index}[/spoiler]

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

Страницы: [1] 2