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

[Konlino]

Заметил, что фильтры в каталоге расположены  в разнобой (разьехались в разные стороны). Как я понимаю, это только на мониторах разрешением 1024 х 768. Подскажите, пожалуйста, как поправить?

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

• 

[Firefly]

Konlino (09 Сентябрь 2015 - 07:41) писал:

Заметил, что фильтры в каталоге расположены  в разнобой (разьехались в разные стороны). Как я понимаю, это только на мониторах разрешением 1024 х 768. Подскажите, пожалуйста, как поправить?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, добавьте в конце код:

@media only screen and (min-width: 960px) and (max-width: 1210px) {
.filters {padding:0 !important; display block; margin: 0px 0 5px 0;float: left;margin-top: 40px !important;}
}

[Konlino]

к сожалению не помогло..

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

• 

[Firefly]

Konlino (09 Сентябрь 2015 - 14:43) писал:

к сожалению не помогло..

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

[Konlino]

Firefly (09 Сентябрь 2015 - 14:51) писал:

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

просто не стал оставлять печальку в коде.
Сейчас вернул предложеный код обратно.

[Konlino]

Konlino (09 Сентябрь 2015 - 14:58) писал:

просто не стал оставлять печальку в коде.
Сейчас вернул предложеный код обратно.

Печальку можно удалять?

[Firefly]

Konlino (09 Сентябрь 2015 - 15:39) писал:

Печальку можно удалять?

Да, отмените предыдущие изменения.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:

.sortPagiBar{padding-bottom:20px;height: 20px;float: left;}

Замените на:

.sortPagiBar{padding-bottom:20px;height: 20px;}

Найдите код:

.filters {display block; padding: 10px 0 0;float: left;margin-top: -25px;}

Замените на:

.filters {display block; padding: 10px 0 0;}

Найдите код:

.content_sortPagiBar{margin:20px 0;position: relative;display: block;border-bottom: 1px solid #c0c0c0;padding-bottom: 10px;height: 60px;}

Замените на:

.content_sortPagiBar{margin:20px 0;position: relative;display: block;border-bottom: 1px solid #c0c0c0;padding-bottom: 10px;}

[Konlino]

Firefly (09 Сентябрь 2015 - 16:33) писал:

Да, отмените предыдущие изменения.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:

.sortPagiBar{padding-bottom:20px;height: 20px;float: left;}

Замените на:

.sortPagiBar{padding-bottom:20px;height: 20px;}

Найдите код:

.filters {display block; padding: 10px 0 0;float: left;margin-top: -25px;}

Замените на:

.filters {display block; padding: 10px 0 0;}

Уже лучше. А как выровнять фильтры, по цене, типу кровати и размерам в одну линию?

Найдите код:

.content_sortPagiBar{margin:20px 0;position: relative;display: block;border-bottom: 1px solid #c0c0c0;padding-bottom: 10px;height: 60px;}

Замените на:

.content_sortPagiBar{margin:20px 0;position: relative;display: block;border-bottom: 1px solid #c0c0c0;padding-bottom: 10px;}

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

• 

[Vaccina]

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

.filters .filter:first-child {
	line-height: 10px;
}

Далее найдите:

.sortPagiBar {
	padding-bottom: 20px;
	height: 20px;
}

замените на:

.sortPagiBar {
	float: right;
	padding-top: 10px;
}

далее найдите:

.filters {
	padding: 10px 0px 0px;
}

замените на:

.filters {
	float: left;
}

В шаблоне Товары найдите:

{% ENDIF %}
		<!-- END Если в тарифном плане подключен модуль фильтров по товарам, и они есть для указанного списка товаров -->
	  </div>
	  <!-- /Верхний блок, изменяющий отображение данных выдачи товаров -->

перед ним впишите:

<div class="clear"></div>

[Konlino]

Внизу все сьехало.

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

• 

[Konlino]

Konlino (10 Сентябрь 2015 - 02:49) писал:

Внизу все сьехало.

Если фильтров 3 и более, образуется большое пространство. Как его немного уменьшить.

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

• 

[Vaccina]

В style.css найдите:

.filters {
	float: left;
}

замените на:

.filters {
	float: left;
	width: 70%;
}

В шаблоне Товары найдите:

<!-- Запоминаем сколько всего есть страниц в каталоге -->
			<script type="text/javascript">var infiniteScrollLastPage = "{GOODS_PAGES_LAST}";</script>
 
		  </form>
		</div>

замените на:

<!-- Запоминаем сколько всего есть страниц в каталоге -->
			<script type="text/javascript">var infiniteScrollLastPage = "{GOODS_PAGES_LAST}";</script>
 
		  </form>
		</div><div class="clear"></div>