Слайдеры И Банер
#1
Отправлено 13 Апрель 2014 - 20:21
1.Прыгает баннер при свертывании брайзера в окно
2.Сделать отступы по сторонам слайдера
3Как правильно поменять местами слайдеры у меня не выходит!
SL-281626
#2
Отправлено 14 Апрель 2014 - 09:01
1. банер прыгает, потому что шаблон адаптивный, то что у вас на экране адаптируется под размеры окна браузера, на прежнем месте он не умещается, поэтому переходит вниз,можно сделать так
2.найдите в файле style.css код
#slider {position: relative; overflow: hidden;height:200px;}замените его на
#slider {position: relative; overflow: hidden;height:200px;width: 97%;margin: 0 auto;}
3.
в файле html у вас подгружаются слайды, их код находится на строках 241-254
<img src="{ASSETS_IMAGES_PATH}2c83b2383fa66e29fb30884d9f8598fa.png" /> <img src="{ASSETS_IMAGES_PATH}6fc196f9c3d333d65f9b974f34538d43.png" /> <img src="{ASSETS_IMAGES_PATH}9d0c7c504db20ee981402911ac1c6838.png" /> <img src="{ASSETS_IMAGES_PATH}55d67071fd5299b1b37a86c0f0b6e829.png" /> <img src="{ASSETS_IMAGES_PATH}a49f84d16e6977d314f63bd3af32995e.png" /> <img src="{ASSETS_IMAGES_PATH}af2afcf9a78251434e58746b8b2c6b85.png" /> <img src="{ASSETS_IMAGES_PATH}b5e86a13c2f876352b64cbff62495bc2.png" /> <img src="{ASSETS_IMAGES_PATH}ccbb95e37bffc2ce3b0f15fdc410981e.png" /> <img src="{ASSETS_IMAGES_PATH}ee21de77515dd698255fd545d63afd8b.png" /> <img src="{ASSETS_IMAGES_PATH}f7f3734b50836d15448df028d36b3670.png" /> <img src="{ASSETS_IMAGES_PATH}slide1123.png" /> <img src="{ASSETS_IMAGES_PATH}slide3123.png" /> <img src="{ASSETS_IMAGES_PATH}slide25555.png" /> <img src="{ASSETS_IMAGES_PATH}sample6.png" />
каждая строка это отдельный слайд, поменяйте их местами.
#3
Отправлено 14 Апрель 2014 - 12:40
<div style="margin:auto;"> <div class="theme-default" style="padding:0 1em; display: none; float:left;"> <!-- Непосредственный код слайдера --> <div id="slider1"> <img src="http://o20443.storeland.net/%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-12.jpg?9142" alt="" /> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider1').nivoSlider().parent().show(); }); </script> <img src="http://o20443.storeland.net/19532_big.jpg?2910" height="350" width="350" style=" float:left;" title="" alt="" /> </div>
259-274 строки у вас, вставьте этот блок выше перед строчкой 273
<div id="slider">
#4
Отправлено 14 Апрель 2014 - 23:17
#5
Отправлено 15 Апрель 2014 - 07:34
D_mix (14 Апрель 2014 - 23:17) писал:
Здравствуйте, шаблон Весна является адаптивным (меняется в зависимости от размеров браузера).
Вы добавили около слайдера изображение, которое начинает прыгать если размер экрана менее 1380px. Можно поставить ограничение которое будет скрывать данное изображение если размер окна браузера меньше 1380px
Для этого редактируем шаблон HTML
Находим
<img src="http://o20443.storeland.net/19532_big.jpg?2910" height="350" width="350" style=" float:left;" title="" alt="" />Заменяем на
<img src="http://o20443.storeland.net/19532_big.jpg?2910" class="noneimg" height="350" width="350" style=" float:left;" title="" alt="" />
Далее добавляем стили в main.css
После
/* Адаптивность шаблона ==============================*/Добавляем
@media only screen and (max-width: 1381px) { .noneimg {display:none;} }
#7
Отправлено 16 Апрель 2014 - 03:25
<div style="padding: 0px 1em; float: left;" class="theme-default">замените на:
<div style="padding: 0px 1em; float: right;" class="theme-default">2.В шаблоне HTML найдите:
</div> <div class="clear"></div> </div> <div id="footer">перед ним вставьте код баннеров
#9
Отправлено 16 Апрель 2014 - 11:50
#10
Отправлено 17 Апрель 2014 - 17:33
2.Как на главной сделать по 4 товара в ряд
3.Убираю банер рядом с слайдером nyvo сливаются оба.Устал уже тыкать пальцем в небо!
До изменений После
4.Что прописать в css для выделения при наведении на банер
5.Кнопки поделиться
6.Полноценный зум в карточке товара
Вот пример
#11
Отправлено 17 Апрель 2014 - 17:49
D_mix (17 Апрель 2014 - 17:33) писал:
2.Как на главной сделать по 4 товара в ряд
3.Убираю банер рядом с слайдером nyvo сливаются оба.Устал уже тыкать пальцем в небо!
До изменений Безы.jpg После Безымянный.png
4.Что прописать в css для выделения при наведении на банер
Безымя123.jpg
5.Кнопки поделиться
Безымянный11.jpg
6.Полноценный зум в карточке товара
Вот пример Безымянный121545.jpg
1 почитайте информацию по этой ссылке
2 пройдите по этой ссылке
4 как конкретно Вы хотите сделать выделение
5 почитайте информацию по ссылкам
http://forum.storela...ge__hl__фейсбук
http://forum.storela...я-для-контакта/
6 прочтите информацию по этой ссылке
http://forum.storela...ора/#entry32048
#12
Отправлено 19 Апрель 2014 - 16:39
а. Не могу найти куда вставить ссылки при нажатии кнопки "детали"
б. Что дописать,чтобы изображения независимо от размера подстраивались по краям
в. Сузить подвал
Если нужно будет вот ссылка контента http://pcvector.net/...brazheniya.html
2.Кнопку "добавить в закладки" сделать над слайдерами
3. а.Увеличить расстояние и отпустить корзину и логотип
б.Поменять цвет текста время работы
4.Поменять цвет кнопки
5.Что сделать чтобы описание на главной сворачивалось (спойлер)
#13
Отправлено 20 Апрель 2014 - 17:10
D_mix (19 Апрель 2014 - 16:39) писал:
а. Не могу найти куда вставить ссылки при нажатии кнопки "детали"
б. Что дописать,чтобы изображения независимо от размера подстраивались по краям
в. Сузить подвал
Безымянный123.jpg
Если нужно будет вот ссылка контента http://pcvector.net/...brazheniya.html
2.Кнопку "добавить в закладки" сделать над слайдерами
Безымянный123456.jpg
3. а.Увеличить расстояние и отпустить корзину и логотип
б.Поменять цвет текста время работы
Безымянный12345.jpg
4.Поменять цвет кнопки
Безымянный1234.jpg
1.
а. В шаблоне HTML 2 раза встречается строка
<a href="#" class="pcv_button">Детали</a>ссылки надо вставить вместо решеток (#): вместо первой - для первой кнопки "детали", вместо второй, соответственно, для второй кнопки.
б. В шаблоне main.css замените
.portfolio-items li { display:inline-block; float:left; list-style:none; position:relative; margin:10px; }на
.portfolio-items li { display:inline-block; list-style:none; position:relative; margin:10px; } .portfolio-items li:nth-child(odd) {float: left; margin-left: 0px} .portfolio-items li:nth-child(even) {float: right; margin-right: 0px}
в. В шаблоне main.css замените
#footer .column {margin-bottom:15px;min-height:348px;}на
#footer .column {margin-bottom:15px;min-height:170px;}
2. В main.css замените
.book { height: 151px; width: 22px; padding-left: 0px; position: fixed; top: 45%; left: 0; z-index: 5; }на
.book { height: 151px; width: 22px; padding-left: 0px; position: fixed; top: 45%; left: 0; z-index: 100; }
3.
а. В main.css добавьте
#header > .inner { min-height: 200px; position: relative; }изменяйте 200px;, чтобы редактировать высоту указанной области.
Далее код
#header #cart {z-index: 20;min-width: 300px;top:3px;right:20px;}замените на такой
#header #cart {z-index: 20;min-width: 300px;position: absolute; bottom:30px;right:20px;}в этом коде меняйте значение bottom:30px; , чтобы опускать/поднимать корзину.
И код
#header #logo {float:left;clear:both;margin:12px 12px 12px 0;}замените на такой
#header #logo {float:left;clear:both;margin:12px 12px 12px 0; position: absolute; bottom: -7px;}здесь также меняйте значение bottom: -7px; , чтобы поднимать/опускать логотип.
б. Чтобы регулировать цвет этого элемента, добавьте в main.css код
.work-time { color: #fff; }
4. Удалите в main.css строку
.added {background-color: #999 !important;}
#14
Отправлено 20 Апрель 2014 - 18:24
D_mix (19 Апрель 2014 - 16:39) писал:
Просто сейчас у вас этот контент пуст, возможно вы о другом описании говорите.
И это описание должно появляться при нажатии на заголовок страницы ("Мы рады видеть Вас") или на какой-то другой текст?
#15
Отправлено 20 Апрель 2014 - 20:10
sengun (20 Апрель 2014 - 18:24) писал:
Просто сейчас у вас этот контент пуст, возможно вы о другом описании говорите.
И это описание должно появляться при нажатии на заголовок страницы ("Мы рады видеть Вас") или на какой-то другой текст?
<h2 class="heading_title"><span>{PAGE_NAME}</span></h2> <div class="box-content htmlDataBlock">на такой
<h2 class="heading_title" {% IF index_page %}onclick="$('.spoiler-content').toggle(); return(false);" style="cursor: pointer;"{% ENDIF %}><span>{PAGE_NAME}</span></h2> <div class="box-content htmlDataBlock {% IF index_page %}spoiler-content{% ENDIF %}">
И, если описание страницы изначально должно быть скрыто, в конец main.css добавьте
.spoiler-content {display: none;}
#17
Отправлено 23 Апрель 2014 - 19:02
D_mix (23 Апрель 2014 - 18:49) писал:
У Вас неправильно составлено описание товаров. Возможно Вы копировали код с других сайтов напрямую, в результате там появилось много мусора который и ломает код страницы. Советуем вводить описание вручную и создавать таблицы используя встроенную панель инструментов.
#19
Отправлено 26 Апрель 2014 - 04:04
<!-- Блок изменения вида списка и поля сортировки --> <div class="view-mode"> <label>Вид списка:</label> {% IF GOODS_VIEW_TYPE=2 %} <a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a> <a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a> {% ELSE %} <a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list"></a> <a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a> {% ENDIF %} </div>2. В HTML найдите:
<div class="theme-default" style="padding: 0px 1em; float: left;margin-left: 100px;height: 354px;">замените на:
<div class="theme-default" style=" margin: 0 auto;height: 354px;">3. По умолчанию в карточке товара и должно по 2 модификации в ряд идти, сверьте сл.код в шаблоне Товар, есть ли он у вас:
{goods_modifications_properties.index | is_divided("2","","")}
#20
Отправлено 26 Апрель 2014 - 15:09
2.По поводу свойств,они не встают по 2 ,а идут 1 столбиком
3.Ответ Vaccina не подходит.Вот 2 примера:
Вот как у меня при разрешении 1440х900 И ТАК ДОЛЖНО БЫТЬ ВСЕГДА И У ВСЕХ
Вот при разрешении 1680х1050
4.По повору верхней кнопки перевода товара в вид списка Вы написали,а по нижней нет
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных