Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Меню, Виджет Вк, Подвал, Карточка Товара

Автор марик, 16 авг. 2014 15:39

подвал

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 59

#1 марик

Продвинутый пользователь

Пользователи
75 сообщений

Отправлено 16 Август 2014 - 15:39

Здравствуйте.
Несколько вопросов возникло. Помогите!
1. Уменьшила карточку товара на главной, как говорилось вот здесь: http://forum.storela...ллион-вопросов/
Но теперь название товара стало не кликабельно, а больше размер карточки мне не нужен (я бы и этот еще уменьшила)) Рисунки всех товаров на сайте будут примерно такого же размера, как и у Броши. Как вернуть ссылку?

2. Верхнее меню. Задача: сделать его не на всю страницу, а вот примерно так, как на рисунке. рисунок №1. И еще подскажите, пож-та, как сделать на него градиент. Только на это меню!

3. Зафиксировала левое меню полностью, а вернуть обратно не получается( Помогите. Пунктов оказалось очень много.

4. После действий с меню у меня начался кавардак: виджет ВК пропадает вообще после того, как что то положить в корзину. Рисунки 2 и 3.
Подвал "поднялся". рисунок 4. Где в коде можно уменьшить его высоту?

За ранее спасибо!

Прикрепленные изображения

Наверх

#2 Dars

Активный участник

Пользователи
1 410 сообщений

Отправлено 16 Август 2014 - 16:24

марик (16 Август 2014 - 15:39) писал:

Здравствуйте.
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 марик

Продвинутый пользователь

Пользователи
75 сообщений

Отправлено 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');
});

вернула назад, но по-прежнему не стало. Была задача, чтобы меню было всегда фиксированным, но это очень много получилось(

Прикрепленные изображения

Наверх

#4 марик

Продвинутый пользователь

Пользователи
75 сообщений

Отправлено 16 Август 2014 - 16:53

2. вроде разобралась с верхним меню) но вот нашла полоску сверху этого самого меню(

Прикрепленные изображения

Наверх

#5 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 16 Август 2014 - 17:10

марик (16 Август 2014 - 16:53) писал:

2. вроде разобралась с верхним меню) но вот нашла полоску сверху этого самого меню(

В main.css добавьте:

div#sb-site {
padding-top: 0px !important;
}

Наверх

#6 марик

Продвинутый пользователь

Пользователи
75 сообщений

Отправлено 16 Август 2014 - 17:15

MikDark (16 Август 2014 - 17:10) писал:

В main.css добавьте:

div#sb-site {
padding-top: 0px !important;
}

Но теперь меню заползает на слайдер и лого(((

Наверх

#7 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 16 Август 2014 - 17:17

марик (16 Август 2014 - 17:15) писал:

Но теперь меню заползает на слайдер и лого(((

Еще добавьте:

.middleCenter {
margin-top: 49px;
}

Наверх

#8 марик

Продвинутый пользователь

Пользователи
75 сообщений

Отправлено 16 Август 2014 - 17:21

MikDark (16 Август 2014 - 17:17) писал:

Еще добавьте:

.middleCenter {
margin-top: 49px;
}

Спасибо, теперь все норм) Жду помощи по др. пунктам)

Наверх

#9 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 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="Перейти к странице &laquo;Связь с администрацией&raquo;">Связаться с Нами</a>
						 </li>
					 </ul>

Наверх

#10 марик

Продвинутый пользователь

Пользователи
75 сообщений

Отправлено 16 Август 2014 - 19:28

4. да вполне устраивает. спасибо.
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 марик

Продвинутый пользователь

Пользователи
75 сообщений

Отправлено 16 Август 2014 - 19:57

Остался вопрос с подвалом. Как его уменьшить в ширину?
А можно что то сделать с этим огромным слайдером? Чтобы он был поменьше, а рядом можно было поставить 2 рисунка, примерно 250(ширина) /120. Пробовала загрузить рисунки поменьше, но они получались на всю страницу(

Наверх

#12 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 16 Август 2014 - 20:07

марик (16 Август 2014 - 19:57) писал:

Найдите в 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 марик

Продвинутый пользователь

Пользователи
75 сообщений

Отправлено 16 Август 2014 - 20:13

Danil (16 Август 2014 - 20:07) писал:

Найдите в 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;
}

не то(( подвал совсем сполз. надо, чтобы не было зазоров по бокам и снизу. и уменьшить его примерно, как на рисунке

Прикрепленные изображения

Наверх

#14 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 16 Август 2014 - 20:21

марик (16 Август 2014 - 19:57) писал:

По поводу слайдера, в шаблоне 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 марик

Продвинутый пользователь

Пользователи
75 сообщений

Отправлено 16 Август 2014 - 20:29

MikDark (16 Август 2014 - 20:21) писал:

По поводу слайдера, в шаблоне HTML найдите код:

						 </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 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 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 марик

Продвинутый пользователь

Пользователи
75 сообщений

Отправлено 16 Август 2014 - 20:40

Danil (16 Август 2014 - 20:34) писал:

Найдите в 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%;
}

Что качается зазора снизу, то у нас его нет, пришлите пожалуйста скриншот.

этот зазор заметен в каталоге лучше всего. когда корзина пуста появляется зазор внизу, там же и оказывается кнопка "Вверх".
И еще добавленный рисунок к слайдеру появился так же и на странице Каталог.

Прикрепленные изображения

Наверх

#18 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 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 марик

Продвинутый пользователь

Пользователи
75 сообщений

Отправлено 16 Август 2014 - 20:55

MikDark (16 Август 2014 - 20:48) писал:

В 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%}

Спасибо. Теперь с подвалом все ОК.
А почему видно только один рисунок возле слайдера?

Наверх

#20 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 16 Август 2014 - 21:00

марик (16 Август 2014 - 20:55) писал:

Спасибо. Теперь с подвалом все ОК.
А почему видно только один рисунок возле слайдера?

Небольшая ошибка, там в коде замените: scr на srс

Наверх

Вперед

Обратно в Изменение общей стилистики

Темы с аналогичным тегами подвал

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лето → Дизайн Главной Автор Гость_Кир_* , 06 мая 2020 Шапка дизайн, шрифт, подвал	2 Ответов 1 824 Просмотров	Кир 10 мая 2020
Вопросы работы сервиса StoreLand → Другие вопросы → Проблема, Которая Возникает В Подвале Сайта Автор Гость_magazin_* , 14 февр. 2019 подвал, логотипы платёжных систем и 1 еще...	1 Ответ 1 251 Просмотров	Vaccina 19 февр. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Ночь → Подвал Накладывается На Описание Страницы Автор Гость_Olivka_* , 13 окт. 2018 Ночь, Подвал, Описание страницы и 2 еще...	0 Ответов 5 041 Просмотров	Olivka 13 окт. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Весна → Главная → Немного Подредактировать Подвал И Добавить Почту Автор Гость_jonik_plov_* , 15 авг. 2018 подвал, весна, почта, помогите	1 Ответ 3 271 Просмотров	Firefly 15 авг. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Весна → Главная → Подвал Не Адаптируется Под Другие Устройства Автор Гость_Olivka_* , 14 июня 2018 подвал, адаптивность	1 Ответ 1 644 Просмотров	Vaccina 15 июня 2018