#21
Отправлено 28 Июль 2014 - 09:07
Помогите реализовать способ слада новинок и хитов:
- хотелось бы что бы новинки автоматически пролистывались
- была возможность "отлистать" обратно или вперед
- реализовать с уже существующими товарами а не делать слайдер(фото)
(Т.е. я бы хотел: добавить новинки на главную штук 20-30 но отображение лимит товаров 5 а остальные листались )
Подробнее на картинке
#22
Отправлено 28 Июль 2014 - 09:33
Cybernetic (28 Июль 2014 - 09:07) писал:
Помогите реализовать способ слада новинок и хитов:
- хотелось бы что бы новинки автоматически пролистывались
- была возможность "отлистать" обратно или вперед
- реализовать с уже существующими товарами а не делать слайдер(фото)
(Т.е. я бы хотел: добавить новинки на главную штук 20-30 но отображение лимит товаров 5 а остальные листались )
Подробнее на картинке
Попробуйте для начала установить по инструкции: http://forum.storela...лож/#entry32986
Далее, если все получится, нужно будет чуть заменить стили, мы поможем
#23
Отправлено 28 Июль 2014 - 10:00
Возможно ли использовать какой то другой способ? Если нет, то возможно ли Вам самостоятельно внести изменения на сайте т.к. я, если буду ставить всё по инструкции наверняка всё съедет и пока я буду пытаться адаптировать визуально карусель(а это не 1-2 часа работы к сожалению), мы потеряем клиентов заходящий на наш сайт.
#24
Отправлено 28 Июль 2014 - 10:02
Cybernetic (28 Июль 2014 - 10:00) писал:
Возможно ли использовать какой то другой способ? Если нет, то возможно ли Вам самостоятельно внести изменения на сайте т.к. я, если буду ставить всё по инструкции наверняка всё съедет и пока я буду пытаться адаптировать визуально карусель(а это не 1-2 часа работы к сожалению), мы потеряем клиентов заходящий на наш сайт.
Вы файлы из архива загрузите и подключите их в head, а саму карусель поможем установить.
#26
Отправлено 28 Июль 2014 - 10:16
Cybernetic (28 Июль 2014 - 10:07) писал:
Коды я трогать не буду, отпишитесь пожалуйста как все закончите. Заранее спасибо
Работы ведем. Уточните еще, скрипт tinycarousel где-нибудь у Вас используется?
Потому что файлы от него есть и они могут мешать работе.
#28
Отправлено 28 Июль 2014 - 10:37
Cybernetic (28 Июль 2014 - 10:25) писал:
я думаю мы не будем использовать слайдер, по крайней мере пока, можно его удалить
Сделали на базе tinycarousel, посмотрите. Но по 5 товаров убираться не смогут.
#30
Отправлено 28 Июль 2014 - 11:46
Cybernetic (28 Июль 2014 - 11:11) писал:
Подробнее на картинке внизу
В шаблоне tunycarousel.css Вам нужно найти:
#slider1 .viewport { height: 370px; overflow: hidden; position: relative; }
и уменьшить height
#32
Отправлено 29 Июль 2014 - 20:35
#33
Отправлено 30 Июль 2014 - 03:06
{BODY}переместите его поставив после:
{% ENDIF %} <!-- /Список избранных товаров на главной --> {% ENDIF %} <!-- /Главная страница -->
#34
Отправлено 01 Август 2014 - 13:34
Помогите пожалуйста:
1) Выровнять шапку сайта(телефон сьехал) браузер firefox
2) Убрать увеличение изображения на шапке сайта и футере(внизу) просто я внедрил на сайт:
img{
display: block;
opacity: 1;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}
img:hover {
opacity: .7;
-webkit-transform: scale(1.11,1.11);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1.11,1.11);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}
И это применимо ко всем изображениям, как сделать что бы это не применялось к шапке и футере сайта(изображения в самом низу)
Более подробнее на картинках.
#35
Отправлено 01 Август 2014 - 14:15
Cybernetic (01 Август 2014 - 13:34) писал:
Помогите пожалуйста:
1) Выровнять шапку сайта(телефон сьехал) браузер firefox
2) Убрать увеличение изображения на шапке сайта и футере(внизу) просто я внедрил на сайт:
img{
display: block;
opacity: 1;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}
img:hover {
opacity: .7;
-webkit-transform: scale(1.11,1.11);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1.11,1.11);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}
И это применимо ко всем изображениям, как сделать что бы это не применялось к шапке и футере сайта(изображения в самом низу)
Более подробнее на картинках.
img:hoverукажите в коде
.goods-cat-image-medium img:hover
#37
Отправлено 01 Август 2014 - 20:10
Cybernetic (01 Август 2014 - 13:34) писал:
Помогите пожалуйста:
1) Выровнять шапку сайта(телефон сьехал) браузер firefox
2) Убрать увеличение изображения на шапке сайта и футере(внизу) просто я внедрил на сайт:
img{
display: block;
opacity: 1;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}
img:hover {
opacity: .7;
-webkit-transform: scale(1.11,1.11);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1.11,1.11);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}
И это применимо ко всем изображениям, как сделать что бы это не применялось к шапке и футере сайта(изображения в самом низу)
Более подробнее на картинках.
img{ opacity: 1; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 550ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 550ms; } img:hover { opacity: .7; -webkit-transform: scale(1.11,1.11); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 550ms; -moz-transform: scale(1.11,1.11); -moz-transition-timing-function: ease-out; -moz-transition-duration: 550ms; }на:
img{opacity: 1}и найдите
.goods-cat-image-medium { max-width: 70px; }измените на
.goods-cat-image-medium { max-width: 70px; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 550ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 550ms; } .goods-cat-image-medium:hover {opacity: .7; -webkit-transform: scale(1.11,1.11);-moz-transform: scale(1.11,1.11);}По поводу шапки сайта - пожалуйста, уточните, как она должна располагаться.
#39
Отправлено 04 Август 2014 - 10:41
Помогите видоизменить шапку сайта(как можно быстрее)
- изменить местоположение навигационных кнопок
- изменить стиль карзины
- изменить стиль написания телефона
- поиск (видоизменит так же как на картинке внизу)
Хочется сделать точно как на картинках внизу.
#40
Отправлено 05 Август 2014 - 04:07
#main_nav li a { background: -moz-linear-gradient(center top , #9baad3, #ffffff) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #0a3c59; border-radius: 6px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset; color: #06426c; font-family: helvetica,serif; font-size: 15px; margin: 0 3px 0 0; padding: 11.5px 23px; text-decoration: none; text-shadow: 0 1px 0 #7ea4bd; vertical-align: middle; }меняем на:
#main_nav li:nth-child(2n) a { color: #FFE000; } #main_nav li a { background: none; color: #fff; font: bold 18px helvetica; padding: 5px; text-decoration: none; text-transform: uppercase; vertical-align: middle; }далее находим и удаляем:
#header .links a { display: block; float: left; font-size: 14px; font-weight: bold; padding: 11px 10px 9px; text-decoration: none; }
- В шаблоне HTML найдите:
<div class="heading"> <h4>Корзина покупок</h4> <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок {% IF cart_count_empty %} <span class="red">0</span> {% ELSE %} {CART_COUNT_TOTAL} {% ENDIF %} - на сумму {% IF cart_count_empty %} <span>0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW | money_format}<br /> {% ENDFOR %} {% ENDIF %}</span> </a> </div>замените на:
<div class="heading"> <a href="{CART_URL}" title="Перейти в корзину"><span>Корзина</span> <span> {% IF cart_count_empty %} <span>0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW | money_format}<br /> {% ENDFOR %} {% ENDIF %}</span> </a> </div>и перенесите его поставив перед:
<div class="content"> <div class="empty">Ваша корзина покупок пуста!</div> </div>
далее в main.css найдите:
#header #cart .heading a { color: #ffffff; font-size: 15px; text-decoration: none; }замените на:
#header #cart .heading>a span { float: right; } #header #cart .heading>a>span:nth-child(1) { float: left; } #header #cart .heading>a { display: block; background: #FFE000; color: #000; font-weight: bold; width: 210px; padding: 5px; } #header #cart .heading a { color: #ffffff; font-size: 15px; text-decoration: none; }
также найдите:
#header #cart .heading { float: right; margin-top: -23px; padding-left: 14px; padding-right: 46px; position: relative; z-index: 1; }замените на:
#header #cart .heading { float: right; padding-left: 14px; padding-right: 46px; position: relative; z-index: 1; }
- добавьте время работы и город, уточните также на счет города, он у вас изображен в виде выпадающего списка
- в main.css найдите:
#header #search { background: -moz-linear-gradient(center top , #5066a2, #ffffff) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #0a3c59; border-radius: 12px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset; color: #06426c; float: right; font-family: helvetica,serif; font-size: 15px; margin-bottom: 0; position: relative; right: 0; text-decoration: none; text-shadow: 0 1px 0 #7ea4bd; top: 0; vertical-align: middle; width: 225px; z-index: 15; } #header .button-search { background: url("http://design.santechbomba.ru/button-search.png") no-repeat scroll center center #dd137b; border: medium none; border-radius: 50%; cursor: pointer; height: 30px; position: absolute; right: 10px; top: 3px; transition: all 0.5s ease 0s; width: 30px; } #header #search:hover .button-search { transform: rotate(360deg); } #header #search input { height: 21px; padding: 8px; width: 160px; }замените на:
#header #search { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: right; margin: -10px 10px 10px 0; position: relative; vertical-align: middle; width: 260px; } #header .button-search { background: url("http://design.santechbomba.ru/button-search.png") no-repeat scroll center center #ccc; border: medium none; cursor: pointer; float: right; height: 33px; transition: all 0.5s ease 0s; width: 28px; } #header #search:hover .button-search { transform: rotate(360deg); } #header #search input { background: none repeat scroll 0 0 #fff; color: #ccc; height: 21px; margin-right: 5px; padding: 5px; width: 215px; }также замените иконку поиска, в желаемом она иного цвета
Темы с аналогичным тегами главная слайдер
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Мастер →
Главная →
Хотелось Бы Изменить Некоторые Параметры Слайдера И Меню.Автор Гость_OlegRainbow_* , 17 дек. 2017 главная слайдер, меню |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных