Перейти к содержимому


Изменения По Главной (И Не Только) Странице


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Kortasar

Kortasar

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений
  • ГородМосква

Отправлено 31 Июль 2015 - 18:09

Добрый день. Аккаунт SL-352558
Какие-то изменения получилось сделать самому. Но есть и вопросы:

Подскажите пожалуйста, как внести следующие изменения:
1. Сделать расстояние между плашкой "Популярные товары" и слайдером меньше (подтянуть плашку выше)
2. В левой части "Каталог" сделать в виде плашки с высотой плашки "Популярные товары". Поставить обе плашки на одном уровне по горизонтали (на уровне слайдера).
3. Белую линию над вертикальным меню "Каталог" поставить на уровень белой нижней линии слайдера.
4. Убрать время работы и "Связаться с нами"
5. Выровнять по центру телефон под логотипом магазина.
6. Изменить фон у карточки товара, под общий фон.
7. Изменить фон у категории "Знаменитые серии игр". Почему-то, если у категории есть подкатегории, то при замене общего фона, они остаются белыми.
8. Плашку "Корзины" сделать высотой как и плашку "Каталог".
9. Плашку "Оформить заказ" поставить под плашку "Корзина".
10. Строка поиска после переноса встало криво. Как ее поставить слева от "Корзины", чтобы соответственно высота футера выровнилась?
11. Как регулировать расстояние между строками вертикального меню "Каталог"?
12. Как подтянуть "Новости" под Итого?
13. Пробовал увеличивать размер шрифта цены на карточке товара: увеличился шрифт на всей странице. Как это сделать точечно?
14. Карточка товара (вид на главной странице). После изменения высоты карточки название ушло под картинку. Как вернуть обратно? В нижней части сделать на одном уровне цену и иконку Корзины. И цену заболдить. И как сделать, чтобы в карточке товара, когда она отражается как плитка, не было показано краткое описание изделия?

Спасибо.

Изменения по переносу строки поиска делал по этой ветке.
http://forum.storela...ной-и-каталога/

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

  • макет.jpg


#2 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 03 Август 2015 - 10:09

Просмотр сообщенияKortasar (31 Июль 2015 - 18:09) писал:

Добрый день. Аккаунт SL-352558
Какие-то изменения получилось сделать самому. Но есть и вопросы:

Подскажите пожалуйста, как внести следующие изменения:
1. Сделать расстояние между плашкой "Популярные товары" и слайдером меньше (подтянуть плашку выше)
2. В левой части "Каталог" сделать в виде плашки с высотой плашки "Популярные товары". Поставить обе плашки на одном уровне по горизонтали (на уровне слайдера).
3. Белую линию над вертикальным меню "Каталог" поставить на уровень белой нижней линии слайдера.
4. Убрать время работы и "Связаться с нами"
5. Выровнять по центру телефон под логотипом магазина.
6. Изменить фон у карточки товара, под общий фон.
7. Изменить фон у категории "Знаменитые серии игр". Почему-то, если у категории есть подкатегории, то при замене общего фона, они остаются белыми.
8. Плашку "Корзины" сделать высотой как и плашку "Каталог".
9. Плашку "Оформить заказ" поставить под плашку "Корзина".
10. Строка поиска после переноса встало криво. Как ее поставить слева от "Корзины", чтобы соответственно высота футера выровнилась?
11. Как регулировать расстояние между строками вертикального меню "Каталог"?
12. Как подтянуть "Новости" под Итого?
13. Пробовал увеличивать размер шрифта цены на карточке товара: увеличился шрифт на всей странице. Как это сделать точечно?
14. Карточка товара (вид на главной странице). После изменения высоты карточки название ушло под картинку. Как вернуть обратно? В нижней части сделать на одном уровне цену и иконку Корзины. И цену заболдить. И как сделать, чтобы в карточке товара, когда она отражается как плитка, не было показано краткое описание изделия?

Спасибо.

Изменения по переносу строки поиска делал по этой ветке.
http://forum.storela...ной-и-каталога/

Здравствуйте,
1. добавьте в конец main.css
.content hr {
	margin-bottom: -7px;
}
2,3  найдите в main.css

.logo {
	display: block;
	float: left;
	overflow: hidden;
	margin-bottom: 10%;
	width: 100%;
}
замените на

.logo {
	display: block;
	float: left;
	overflow: hidden;
	margin-bottom: 1%;
	width: 100%;
}
4. зайдите в раздел Настройки-Основные и удалите время работы магазина,
далее найдите в шаблоне HTML
<!-- Ссылка на страницу обратной связи -->
							<li class="title">
								<span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице &laquo;Связь с администрацией&raquo;">Связаться с Нами</a>
							</li>
замените на

<!-- Ссылка на страницу обратной связи -->
							<li class="title" style="display:none">
								<span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице &laquo;Связь с администрацией&raquo;">Связаться с Нами</a>
							</li>
5 добавьте в конец файла main.css

.logo a span {
	margin: 0 auto;
	display: inline-block;
	width: 100%;
}
6. найдите в main.css

.menu-item-box {
	position: relative;
	display: block;
	float: left;
	min-height: 327px;
	width: 194px;
	border: 1px solid #bdc3c7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 3px;
	border-radius: 2px;
	background-color: #fff;
}
замените на

.menu-item-box {
	position: relative;
	display: block;
	float: left;
	min-height: 327px;
	width: 194px;
	border: 1px solid #bdc3c7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 3px;
	border-radius: 2px;
	background-color: none;
}

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

.left-sidebar .block-content li.parent ul, .left-sidebar .block-content li.parent {
	background-color: white;
}
замените на

.left-sidebar .block-content li.parent ul, .left-sidebar .block-content li.parent {
	background-color: none;
}
8 уточните где именно.
9. найдите в шаблоне HTML

<dt class="toOformZakazCart">
									<a href="{CART_URL}" class="btn btn-success" title="Перейти к оформлению заказа">Оформить заказ</a>
								  </dt>
и переместите после строк

 <div id="cart_block_list">
								<dl class="products">
10. найдите в main.css

.search {
	float: left;
}
замените на

.search {
	float: right;
}
11. далее найдите


.left-sidebar .block-content li a {
	display: block;
	padding: 6px 9px;
	padding-left: 0%;
	cursor: pointer;
	font-size: 18px;
	color: #006699;
}
где изменяете параметр padding: 6px 9px;
12. далее найдите

.news {
	float: left;
	overflow: hidden;
	padding-top: 5px;
	width: 100%;
	margin-top: 55px;
}
изменяете параметр  margin-top: 55px;
13. далее найдите

.goodsDataMainModificationPriceNow span {
	font-size: 17px;
	line-height: -1;
}
изменяете параметр   font-size: 17px;
14. далее найдите

.menu-item-content {
	padding: 5px 7px;
	margin-top: -45px;
}
замените на

.menu-item-content {
	padding: 5px 7px;
	margin-top: -5px;
}

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

 <div class="menu-item-info">{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ENDIF %}</div>
 
                                  замените на

 <!--div class="menu-item-info">{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ENDIF %}</div-->


#3 Kortasar

Kortasar

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений
  • ГородМосква

Отправлено 06 Август 2015 - 04:13

Спасибо за ответ. Что-то получилось, что-то - нет )

1. Вы к сожалению меня не поняли. Я хотел сделать надпись Каталог в виде плашки (как на рисунке)
2. Как можно убрать телефон над плашкой Корзина слева?
3. Телефон под логотипом так и остался по левому краю, а надо поставить его в центре под логотипом.
4. Поиск встал поровнее, но все равно остался над Корзиной. Как его поставить слева от нее.
5. С увеличением шрифта цены товара, тоже не получилось. Не меняется, если следовать вашим рекомендациям.
6. Карточка товара. Подскажите пожалуйста, как убрать лишнее расстояние (перечеркнуто на рисунке) и поставить цену слева от значка корзины. Значок количества товара убрать.

Спасибо

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

  • макет.jpg


#4 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 10 Август 2015 - 11:06

Просмотр сообщенияKortasar (06 Август 2015 - 04:13) писал:

Спасибо за ответ. Что-то получилось, что-то - нет )

1. Вы к сожалению меня не поняли. Я хотел сделать надпись Каталог в виде плашки (как на рисунке)
2. Как можно убрать телефон над плашкой Корзина слева?
3. Телефон под логотипом так и остался по левому краю, а надо поставить его в центре под логотипом.
4. Поиск встал поровнее, но все равно остался над Корзиной. Как его поставить слева от нее.
5. С увеличением шрифта цены товара, тоже не получилось. Не меняется, если следовать вашим рекомендациям.
6. Карточка товара. Подскажите пожалуйста, как убрать лишнее расстояние (перечеркнуто на рисунке) и поставить цену слева от значка корзины. Значок количества товара убрать.

Спасибо
Здравствуйте,
1. добавьте в конец main.css
.catalogList .block-title a {
	color: #fff;
}
.catalogList .block-title {
	padding: 4px 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #34495E;
	color: #051013;
	font-size: 120%;
}

2. Найдите в шаблоне HTML
 <li class="phone tel1">
замените на
 <li class="phone tel1" style="display:none">
3 найдите в файле main.css
.logo a span {
	margin: 0 auto;
	display: inline-block;
	width: 100%;
	}
замените на

.logo a span {
	margin: 0 auto;
	display: inline-block;
	width: 100%;
	text-align: center;
}
4 найдите в main.css

.panel-top nav {
	position: relative;
	float: left;
	width: 73%;
}
замените на

.panel-top nav {
	position: relative;
	float: left;
	width: 64%;
}
далее найдите

.search {
	float: right;
}
замените на








.search {
	float: left;
}


5. вам была дана инструкция цены в карточке товара, а не для каталога, если вы хотите изменить цену в каталоге, то добавьте в конец main.css
li.minPrice span {
	font-size: 20px;
}

изменяя значение    font-size: 20px;

6. найдите в шаблоне Товары код

  <div class="numeric input-prepend input-append btn-group">
                                          замените на

  <div class="numeric input-prepend input-append btn-group" style="display:none">





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных