Публикации марик

#154154 Общий Вид Сайта!

Отправлено от марик в 21 Август 2014 - 09:19 в Изменение общей стилистики

Сake (21 Август 2014 - 00:44) писал:

У вас используется разное разрешение экрана. Вставленные вами баннеры не реализованы под адаптивный дизайн (При уменьшении или увеличении разрешения экрана - сайт подстраивается под соответствующий размер путем уменьшения, сдвига, скрытия блоков). Добавьте в конец вашего файла стилей main.css следующие классы

.banners {
width: 29%;
}
.banners img {
width: 100%;
}

Спасибо. Приду на работу, проверю. А как "подогнать" верхнее меню под все разрешения мониторов? И вообще сделать весь шаблон адаптивным?

#154042 Общий Вид Сайта!

Отправлено от марик в 20 Август 2014 - 15:22 в Изменение общей стилистики

Сake (19 Август 2014 - 07:16) писал:

На втором изображении, ваш сайт отображается по всей видимости из кэша. Сейчас верхнее меню навигации отображается как на первом прикрепленном вами изображении. Проблема возникает из-за внесенный изменений в файл стилей для шапки. Чтобы привести внешний вид к общему виду, как на втором изображении - найдите в файле стилей main.css следующий код

.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: 10%;
	 margin-left: 10%;
	 width: 80%;
	 /* height: 45px; */
	 background-color: rgb(47, 96, 158);
	 border: 0px solid #1B1B1D;
		 color: #333;
		 border-radius:5px;
}

и замените его на код

.header {
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;
width: auto;
background-color: rgb(47, 96, 158);
color: #333;
border-radius:5px;
min-width: 100%;
}

все по-прежнему( Баннеры уехали под слайдер. рисунок №2.
На дом. компе все ОК. рисунок №1.
Понятно, что остаются старые данные, но почему "гуляют" баннеры?

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

#153554 Общий Вид Сайта!

Отправлено от марик в 18 Август 2014 - 16:25 в Изменение общей стилистики

Здравствуйте.
Такая вот проблема. Сайт делала дома с монитором на 20*, пришла на работу, а там монитор на 15*. И вот на нем весь сайт сполз неизвестно куда. По идее сайт же должен просто уменьшаться, нет? Как решить эту проблему? Срочно!

Рисунок №2 - то что я вижу на работе.
Рисунок №1 - то что я вижу дома

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

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

Отправлено от марик в 17 Август 2014 - 12:48 в Изменение общей стилистики

Alekseys (17 Август 2014 - 12:40) писал:

По смещению картинок в карусели - замените блок

.blockTableTovarIndexPage {
width: 100% !important;
}

на

.blockTableTovarIndexPage {
width: 100% !important;
margin-left: 16px;
}

Насчет картинок в товарах - в main.css замените

#owl-one-slider-tovar .item {
display: block;
margin: 0 auto;
}

на

#owl-one-slider-tovar .item {
display: block;
margin: 0 auto;
width: 250px !important;
}

и добавьте

.owl-buttons {
margin-top: -105px;
}

Теперь стрелки залезают на товар в карточке, а на главной 4 с половиной товара в карусели.

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

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

Отправлено от марик в 16 Август 2014 - 17:15 в Изменение общей стилистики

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

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

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

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

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

Отправлено от марик в 17 Август 2014 - 14:17 в Изменение общей стилистики

AnnaM (17 Август 2014 - 14:13) писал:

В шаблоне "HTML" найдите код

<script type="text/javascript">
							 $(document).ready(function() {
							 $("#owl-one-slider .item").css('display', 'block');
							 $("#owl-one-slider").owlCarousel({
								 navigation : true, // показывать кнопки next и prev
								 slideSpeed : 300,
								 paginationSpeed : 400,
								 items : 1,
								 itemsDesktop : false,
								 itemsDesktopSmall : false,
								 itemsTablet: false,
								 itemsMobile : false,

в нем значения

slideSpeed : 300,
paginationSpeed : 400,

отвечают за скорость переключения слайдера.

А ларчик -то просто открывался))) Спасибо огромное.

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

Отправлено от марик в 16 Август 2014 - 17:21 в Изменение общей стилистики

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

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

.middleCenter {
margin-top: 49px;
}

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

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

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

потом вернула этот код обратно.

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

Отправлено от марик в 17 Август 2014 - 13:38 в Изменение общей стилистики

Alekseys (17 Август 2014 - 13:32) писал:

Замените

.owl-prev {
left: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -288px 0%;
}

на

.owl-prev {
left: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -288px 0%;
margin-left: -8px;
}

а блок

.owl-next {
right: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -305px 0%;
}

замените на

.owl-next {
right: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -305px 0%;
margin-right: -7px;
}

Спасибо. Все стало, как надо.
А что насчет слайдера и блока новостей?

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

Отправлено от марик в 16 Август 2014 - 16:53 в Изменение общей стилистики

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

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

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

Отправлено от марик в 17 Август 2014 - 16:18 в Изменение общей стилистики

вообще все снесла((((

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

Отправлено от марик в 16 Август 2014 - 19:57 в Изменение общей стилистики

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

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

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

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

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

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

Отправлено от марик в 17 Август 2014 - 12:23 в Изменение общей стилистики

Alekseys (17 Август 2014 - 12:19) писал:

Здравствуйте. Для выравнивания карусели в разделе Сайт -> Редактор шаблонов -> main.css добавьте блок

.blockTableTovarIndexPage {width:100% !important}
.blockTableTovarIndexPage .owl-item {
width: 200px !important;
float:left !important;
}

Спасибо, но все же осталось некоторое смещение картинок, как в карусели, так и в товарах.

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

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

Отправлено от марик в 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. подвал. я видимо не точно выразилась, но подвал должен быть на всю длину страницы без зазоров. без белых зазоров, как сбоку так и снизу.

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

Отправлено от марик в 17 Август 2014 - 13:25 в Изменение общей стилистики

Alekseys (17 Август 2014 - 13:21) писал:

Замените

.blockTableTovarIndexPage {
width: 100% !important;
margin-left: 16px;
}

на

.blockTableTovarIndexPage {
width: 846px !important;
}

а блок

.blockTableTovarIndexPage .owl-item {
width: 200px !important;
float: left !important;
}

на

.blockTableTovarIndexPage .owl-item {
width: 212px !important;
float: left !important;
}

По поводу стрелок, укажите пожалуйста, как Вы хотите, чтоб они располагались.

Спасибо большое. Теперь карусель одно загляденье.
Стрелки? Просто немного отодвинуть их от картинок влево и вправо, чтобы они не залезали на изображение.

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

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

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

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

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

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

Отправлено от марик в 17 Август 2014 - 14:06 в Изменение общей стилистики

Блок новостей под Корзиной с таким же меню (надпись на синем фоне)

Слайдер решила оставить в таком же виде. Подскажите, пож-та, где код, который отвечает за скорость переключения картинок? Очень часто сменяются.

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

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

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

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

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

Отправлено от марик в 17 Август 2014 - 14:30 в Изменение общей стилистики

А Блок новостей как поставить?
Нет, все-таки не получается у меня откорректировать скорость( Нужно ставить меньшее или большее значение, чтобы он двигался медленнее?

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

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

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

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

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

Отправлено от марик в 17 Август 2014 - 16:40 в Изменение общей стилистики

не помогло( Статьи то появились, но сам сайт...

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

Отправлено от марик в 16 Август 2014 - 15:39 в Изменение общей стилистики

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

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

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

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

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

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

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

Отправлено от марик в 16 Август 2014 - 21:10 в Изменение общей стилистики

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

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

заменила. все ок. Еще парочка вопросов.
1. нельзя ли слайдер сделать немного шире?
2. два рисунка разделить между собой и подогнать к границам слайдера. а так же отодвинуть их от слайдера.

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

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

Отправлено от марик в 17 Август 2014 - 10:21 в Изменение общей стилистики

Спасибо. Баннеры встали, как надо. Но, загрузив картинки побольше слайдер не изменился. Что я делаю не так? Кстати, как изменить скорость смены картинок? Что-то не нашла код.
Еще несколько вопросов.
1. Попыталась установить карусель на главной (делала по инструкции вот здесь:http://forum.storeland.ru/index.php?/topic/15012-как-добавить-адаптивную-карусель-в-шаблоне-би/), но она встала криво, сместилась влево. Как и все рисунки в каталоге((
2. Поставила Новости слева (под меню), а их не видно. Почему?