#1
Отправлено 16 Август 2014 - 15:39
Несколько вопросов возникло. Помогите!
1. Уменьшила карточку товара на главной, как говорилось вот здесь: http://forum.storela...ллион-вопросов/
Но теперь название товара стало не кликабельно, а больше размер карточки мне не нужен (я бы и этот еще уменьшила)) Рисунки всех товаров на сайте будут примерно такого же размера, как и у Броши. Как вернуть ссылку?
2. Верхнее меню. Задача: сделать его не на всю страницу, а вот примерно так, как на рисунке. рисунок №1. И еще подскажите, пож-та, как сделать на него градиент. Только на это меню!
3. Зафиксировала левое меню полностью, а вернуть обратно не получается( Помогите. Пунктов оказалось очень много.
4. После действий с меню у меня начался кавардак: виджет ВК пропадает вообще после того, как что то положить в корзину. Рисунки 2 и 3.
Подвал "поднялся". рисунок 4. Где в коде можно уменьшить его высоту?
За ранее спасибо!
#2
Отправлено 16 Август 2014 - 16:24
марик (16 Август 2014 - 15:39) писал:
Несколько вопросов возникло. Помогите!
1. Уменьшила карточку товара на главной, как говорилось вот здесь: http://forum.storela...ллион-вопросов/
Но теперь название товара стало не кликабельно, а больше размер карточки мне не нужен (я бы и этот еще уменьшила)) Рисунки всех товаров на сайте будут примерно такого же размера, как и у Броши. Как вернуть ссылку?
2. Верхнее меню. Задача: сделать его не на всю страницу, а вот примерно так, как на рисунке. рисунок №1. И еще подскажите, пож-та, как сделать на него градиент. Только на это меню!
3. Зафиксировала левое меню полностью, а вернуть обратно не получается( Помогите. Пунктов оказалось очень много.
4. После действий с меню у меня начался кавардак: виджет ВК пропадает вообще после того, как что то положить в корзину. Рисунки 2 и 3.
Подвал "поднялся". рисунок 4. Где в коде можно уменьшить его высоту?
За ранее спасибо!
1. В main.css найдите код:
.menu-item-content { padding: 5px 7px; margin-top: -55px; }
и замените его на:
.menu-item-content { padding: 5px 7px; }
Затем код:
.menu-item-slider { /* max-height: 190px; */ /* min-width: 194px; */ position: relative; display: block; padding: 3%; height: 208px; cursor: pointer; }
замените на:
.menu-item-slider { /* max-height: 190px; */ /* min-width: 194px; */ position: relative; display: block; padding: 3%; height: 140px; cursor: pointer; }
Меняйте параметр height, если изображения по высоте становятся слишком маленькими.
2. Код:
.header { position: absolute; position: fixed; top: 0; left: auto; z-index: 1024; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; min-width: 100%; width: auto; /* height: 45px; */ background-color: rgb(47, 96, 158); }
замените на:
.header { position: absolute; position: fixed; top: 0; left: auto; z-index: 1024; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 20%; margin-left: 20%; width: 60%; /* height: 45px; */ background-color: rgb(47, 96, 158); }
Можете сами изменять параметры width (ширина), margin-right и margin-left, важно, чтобы все параметры задавались в процентах, и margin-right=margin-left=(100%-width)/2
3. Не совсем понятно, что именно вы сделали с меню. Сошлитесь на инструкцию, по которой вы производили изменения.
#3
Отправлено 16 Август 2014 - 16:34
1. помогло, все норм.
2. заменила. поиграла с процентами, но так как надо не встало( рисунок №5
3. здесь же вычитала: http://forum.storela...ллион-вопросов/
В шаблоне main.js найдите и удалите:
// меню аккордеон в обычном списке категорий
var $accordionMain = $('.accordionMain');
$accordionMain.find("li.parent").each(function() {
$(this).children('span').append('<em class="open-close"> </em>'); // Добавляем элемент с изображениями "+" или "-" к пунктам меню
});
$accordionMain.accordion();
$accordionMain.find("li.active").each(function() {
$(this).children().next("ul").css('display', 'block');
});
вернула назад, но по-прежнему не стало. Была задача, чтобы меню было всегда фиксированным, но это очень много получилось(
#9
Отправлено 16 Август 2014 - 19:19
марик (16 Август 2014 - 17:21) писал:
Здравствуйте.
3) Вы делали какие либо изменения в файле main.js ранее?
4) По поводу виджета от контакта, лучше его перенести над корзиной.
Если этот вариант Вас устроит то воспользуйтесь инструкцией ниже.
В шаблоне html найдите строчку
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>И перенесите её на 87 строку
Далее в html найдите код и вырежьте его
<!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 1, width: "270", height: "350", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 74874257); </script>
И вставьте после кода
<!-- Ссылка на страницу обратной связи --> <li class="title"> <span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице «Связь с администрацией»">Связаться с Нами</a> </li> </ul>
#10
Отправлено 16 Август 2014 - 19:28
3. только то что написала выше.
В шаблоне main.js найдите и удалите:
// меню аккордеон в обычном списке категорий
var $accordionMain = $('.accordionMain');
$accordionMain.find("li.parent").each(function() {
$(this).children('span').append('<em class="open-close"> </em>'); // Добавляем элемент с изображениями "+" или "-" к пунктам меню
});
$accordionMain.accordion();
$accordionMain.find("li.active").each(function() {
$(this).children().next("ul").css('display', 'block');
});
потом вернула этот код обратно.
#11
Отправлено 16 Август 2014 - 19:57
А можно что то сделать с этим огромным слайдером? Чтобы он был поменьше, а рядом можно было поставить 2 рисунка, примерно 250(ширина) /120. Пробовала загрузить рисунки поменьше, но они получались на всю страницу(
#12
Отправлено 16 Август 2014 - 20:07
марик (16 Август 2014 - 19:57) писал:
А можно что то сделать с этим огромным слайдером? Чтобы он был поменьше, а рядом можно было поставить 2 рисунка, примерно 250(ширина) /120. Пробовала загрузить рисунки поменьше, но они получались на всю страницу(
Найдите в main.css этот код
.footer { position: relative; height: auto; background-color: #3A5A7A; color: white; }И замените на
.footer { position: relative; height: auto; background-color: #3A5A7A; color: white; width: 1532px; margin: 0 auto; }
#13
Отправлено 16 Август 2014 - 20:13
Danil (16 Август 2014 - 20:07) писал:
.footer { position: relative; height: auto; background-color: #3A5A7A; color: white; }И замените на
.footer { position: relative; height: auto; background-color: #3A5A7A; color: white; width: 1532px; margin: 0 auto; }
не то(( подвал совсем сполз. надо, чтобы не было зазоров по бокам и снизу. и уменьшить его примерно, как на рисунке
#14
Отправлено 16 Август 2014 - 20:21
марик (16 Август 2014 - 19:57) писал:
А можно что то сделать с этим огромным слайдером? Чтобы он был поменьше, а рядом можно было поставить 2 рисунка, примерно 250(ширина) /120. Пробовала загрузить рисунки поменьше, но они получались на всю страницу(
По поводу слайдера, в шаблоне HTML найдите код:
</style> {% ENDIF %} <!-- END Слайдер на главной странице сайта --->
После него добавьте:
<div class="banners"><img src="адрес картинки1"><img scr="адрес картинки2"></div>
Далее напишите, поможем установить плавильно.
марик (16 Август 2014 - 20:13) писал:
В main.css найдите:
#sb-site.wrapper { position: relative; z-index: 0; margin: 0 auto; min-width: 305px; min-height: 100%; height: auto; background-color: #2C3E50; }
и замените на:
#sb-site.wrapper { position: relative; z-index: 0; margin: 0 auto; min-width: 305px; min-height: 100%; height: auto; }
#15
Отправлено 16 Август 2014 - 20:29
MikDark (16 Август 2014 - 20:21) писал:
</style> {% ENDIF %} <!-- END Слайдер на главной странице сайта --->
После него добавьте:
<div class="banners"><img src="адрес картинки1"><img scr="адрес картинки2"></div>
Далее напишите, поможем установить плавильно.
В main.css найдите:
#sb-site.wrapper { position: relative; z-index: 0; margin: 0 auto; min-width: 305px; min-height: 100%; height: auto; background-color: #2C3E50; }
и замените на:
#sb-site.wrapper { position: relative; z-index: 0; margin: 0 auto; min-width: 305px; min-height: 100%; height: auto; }
картинки поставила, но видно только одну почему то
2. подвал. я видимо не точно выразилась, но подвал должен быть на всю длину страницы без зазоров. без белых зазоров, как сбоку так и снизу.
#16
Отправлено 16 Август 2014 - 20:34
марик (16 Август 2014 - 20:29) писал:
2. подвал. я видимо не точно выразилась, но подвал должен быть на всю длину страницы без зазоров. без белых зазоров, как сбоку так и снизу.
Найдите в main.css код
footer { position: relative; height: auto; background-color: #3A5A7A; color: white; width: 1532px; margin: 0 auto; }И замените на
footer { position: relative; height: auto; background-color: #3A5A7A; color: white; width: 100%; }
Что качается зазора снизу, то у нас его нет, пришлите пожалуйста скриншот.
#17
Отправлено 16 Август 2014 - 20:40
Danil (16 Август 2014 - 20:34) писал:
footer { position: relative; height: auto; background-color: #3A5A7A; color: white; width: 1532px; margin: 0 auto; }И замените на
footer { position: relative; height: auto; background-color: #3A5A7A; color: white; width: 100%; }
Что качается зазора снизу, то у нас его нет, пришлите пожалуйста скриншот.
этот зазор заметен в каталоге лучше всего. когда корзина пуста появляется зазор внизу, там же и оказывается кнопка "Вверх".
И еще добавленный рисунок к слайдеру появился так же и на странице Каталог.
#18
Отправлено 16 Август 2014 - 20:48
марик (16 Август 2014 - 20:40) писал:
И еще добавленный рисунок к слайдеру появился так же и на странице Каталог.
В main.css добавьте:
div#sb-site { min-height: 1px !important; }
Теперь там же найдите:
.owl-carousel { position: relative; display: block; width: 100%; height: 100%; -ms-touch-action: pan-y; }
и замените на:
.owl-carousel { position: relative; display: block; width: 70%; height: 100%; -ms-touch-action: pan-y; float: left; }
А в HTML код, который мы вставляли:
<div class="banners"><img src="адрес картинки1"><img scr="адрес картинки2"></div>
замените на:
{%IF index_page %}<div class="banners"><img src="адрес картинки1"><img scr="адрес картинки2"></div>{%ENDIF%}
#19
Отправлено 16 Август 2014 - 20:55
MikDark (16 Август 2014 - 20:48) писал:
div#sb-site { min-height: 1px !important; }
Теперь там же найдите:
.owl-carousel { position: relative; display: block; width: 100%; height: 100%; -ms-touch-action: pan-y; }
и замените на:
.owl-carousel { position: relative; display: block; width: 70%; height: 100%; -ms-touch-action: pan-y; float: left; }
А в HTML код, который мы вставляли:
<div class="banners"><img src="адрес картинки1"><img scr="адрес картинки2"></div>
замените на:
{%IF index_page %}<div class="banners"><img src="адрес картинки1"><img scr="адрес картинки2"></div>{%ENDIF%}
Спасибо. Теперь с подвалом все ОК.
А почему видно только один рисунок возле слайдера?
Темы с аналогичным тегами подвал
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Дизайн ГлавнойАвтор Гость_Кир_* , 06 мая 2020 Шапка дизайн, шрифт, подвал |
|
|||
Вопросы работы сервиса StoreLand →
Другие вопросы →
Проблема, Которая Возникает В Подвале СайтаАвтор Гость_magazin_* , 14 февр. 2019 подвал, логотипы платёжных систем и 1 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Ночь →
Подвал Накладывается На Описание СтраницыАвтор Гость_Olivka_* , 13 окт. 2018 Ночь, Подвал, Описание страницы и 2 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Весна →
Главная →
Немного Подредактировать Подвал И Добавить ПочтуАвтор Гость_jonik_plov_* , 15 авг. 2018 подвал, весна, почта, помогите |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Весна →
Главная →
Подвал Не Адаптируется Под Другие УстройстваАвтор Гость_Olivka_* , 14 июня 2018 подвал, адаптивность |
|
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных