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

[pompon]

SL-370045

Уважаемые господа,
помогите, пожалуйста, в следующем:
1. Поставить строку поиска на одну линию с верхним меню и уменьшить длину строки поиска.
2. После изменения шрифта практически исчезли разделители в верхнем и боковом меню, разделители в хлебных крошках, а также буква "р" после цифр в ценах товаров. И еще, на странице товара большое фото товара частично перекрывает маленькие. Помогите исправить.
Заранее спасибо.

[Vaccina]

Здравствуйте.

1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<div id="custommenu" class="col-xs-12">

замените на:

<div id="custommenu" class="col-xs-8">

Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.form-search {
	width: 25%;
}

замените на:

.form-search {
	width: 20%;
}

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#custommenu .mainnav > li.parent > a:before {
	content: "\f107";
	position: absolute;
	font-family: Calibri;
	font-size: 16px;
	right: 17px;
}

замените на:

#custommenu .mainnav > li.parent > a:before {
	content: "\f107";
	position: absolute;
	font-family: FontAwesome;
	font-size: 16px;
	right: 17px;
}

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

.form-search .button {
	color: #666;
	text-align: center;
	line-height: 28px;
	font-size: 16px;
	font-family: Calibri;
}

замените на:

.form-search .button {
	color: #666;
	text-align: center;
	line-height: 28px;
	font-size: 16px;
	font-family: FontAwesome;
}

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

.breadcrumbs li a:after {
	content: "\f105";
	position: absolute;
	font-family: Calibri;
	top: 2px;
	right: 0;
	line-height: 16px;
}

замените на:

.breadcrumbs li a:after {
	content: "\f105";
	position: absolute;
	font-family: FontAwesome;
	top: 2px;
	right: 0;
	line-height: 16px;
}

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

.price:after {
	display: inline-block;
	font-family: Calibri;
	font-weight: 300;
	font-size: 80%;
	line-height: 1;
}

замените на:

.price:after {
	display: inline-block;
	font-family: FontAwesome;
	font-weight: 300;
	font-size: 80%;
	line-height: 1;
}

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

.product-img-box .more-views li a {
	display: table-cell;
	vertical-align: middle;
	width: 92px;
	height: 92px;
	border: 1px solid transparent;
}

после него пропишите:

.product-img-box .more-views li a img {
	width: 100% !important;
	height: auto;
}

[pompon]

Спасибо за ответ.
1. Поиск встал в одну строку с верхним меню, но длина формы поиска не уменьшилась. И вместо лупы там квадратик.
2. Разделители везде появились, но странной формы. Они разве должны быть квадратиками?
Буквы Р в ценах товаров не появились, вместо них тоже квадратики. Большое фото на странице товара перестало перекрывать маленькие, но на маленьких фото товар виден не полностью.
Помогите, пожалуйста.
Заранее спасибо.

[Vaccina]

Здравствуйте.

Почистите пожалуйста кэш браузера, изменения выше решили со всеми элементами проблему на данном скриншоте:



В хлебных крошках необходимо выровнять положение иконок, в main.css найдите:

.breadcrumbs li a:after {
	content: "\f105";
	position: absolute;
	font-family: FontAwesome;
	top: 2px;
	right: 0;
	line-height: 16px;
}

замените на:

.breadcrumbs li a:after {
	content: "\f105";
	position: absolute;
	font-family: FontAwesome;
	top: 2px;
	right: 0;
	line-height: 26px;
}