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


Шапка На Главной Странице


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

#1 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 12:24

Добрый день!

Помогите, пожалуйста, сделать некоторые изменения:

1. "Поиск + личный кабинет + корзина" - сдвинуть это на верхнюю часть баннера и закрепить, чтобы при прокрутке это все (вместе с логотипом) ездило по сайту и всегда было на виду. (соответственно, иконки должны быть на прозрачном фоне).

2. "Телефон + e-mail" - сдвинуть вправо, на место, где сейчас "поиск + личный кабинет + корзина".

3. Убрать иконку с выпадающим меню. Вместо этого сделать обычное горизонтальное меню, прописать словами:
О нас   Каталог Доставка    Оплата   Возврат    Контакты

На скриншоте все подробно написано, где и куда.

Спасибо большое!!!

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

  • шапка.jpg


#2 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 12:48

Продолжаю.

В разделе "Контакты" необходимы следующие изменения:

1. Добавить пробелы рядом со скобками в номере телефона (внизу).

2. Добавить пробелы рядом со скобками в номере телефона (справа).

3. Рядом с "НАШИ КОНТАКТЫ" добавить блок "НАШИ РЕКВИЗИТЫ"
Под этой шапкой добавить возможность вписать свои реквизиты.

4. Внизу кнопка в обратной связи "Отправить" пусть горит всегда бирюзовым цветом (18db9c)

Скриншот так же прикладываю.

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

  • контакты.jpg


#3 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 12:55

Далее.

В карточке Товара, справа от "Материал" и "Размер" добавить текст "Таблица размеров" (просто текст, цвет 18db9c), без рамки.
При нажатии на этот текст должно всплывать окошко (i-frame), где в дальнейшем будет прописана необходимая информация.

Скриншот прикладываю.

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

  • ссылка на таблицу размеров.jpg


#4 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 18 Ноябрь 2015 - 13:19

Просмотр сообщенияAvrora (18 Ноябрь 2015 - 12:24) писал:

Добрый день!

Помогите, пожалуйста, сделать некоторые изменения:

1. "Поиск + личный кабинет + корзина" - сдвинуть это на верхнюю часть баннера и закрепить, чтобы при прокрутке это все (вместе с логотипом) ездило по сайту и всегда было на виду. (соответственно, иконки должны быть на прозрачном фоне).

2. "Телефон + e-mail" - сдвинуть вправо, на место, где сейчас "поиск + личный кабинет + корзина".

3. Убрать иконку с выпадающим меню. Вместо этого сделать обычное горизонтальное меню, прописать словами:
О нас   Каталог Доставка    Оплата   Возврат    Контакты

На скриншоте все подробно написано, где и куда.

Спасибо большое!!!


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

			  <!-- Корзина -->
			  <div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
				<div class="cart-title rhombus">
				  <a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину">&nbsp;</i></a>
				  <span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
				</div>
				<div class="dropdown-cart">
				  <div class="cart-content">
					{% IF cart_count_empty %}
					<div class="cart-empty">Ваша корзина пуста</div>
					{% ELSE %}
					<ul class="cart-products-list">
					  {% FOR cart_items %}
					  <li class="cart-item">
						<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=summer{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
						<div class="product-details">
						  <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p>
						  <p class="product-mod">{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}</p>
						  <strong class="qty">{cart_items.ORDER_LINE_QUANTITY}</strong> x
						  <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						</div>
						<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a>
					  </li>
					  {% ENDFOR %}
					</ul>
					{% FOR cart_sum %}
					  <div class="subtotal">Итого: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
					{% ENDFOR %}
					  <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
					  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
					{% ENDIF %}
				  </div>
				</div>
			  </div>
			  <!-- Сравнение -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			  <div class="block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}">
				<div class="compare-title rhombus">
				  <a href="{COMPARE_URL}"><i class="fa fa-retweet" title="Перейти в корзину">&nbsp;</i></a>
				  <span class="compare-count">{COMPARE_GOODS_COUNT}</span>
				</div>
				<div class="compare-content">
				  <ul id="compare-items">
					{% FOR compare_goods %}
					<li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}>
					  <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="compare-remove" title="Убрать товар из списка сравнения"></a>
					  <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
					  <a href="#" class="dataid">{compare_goods.ID}</a>
					</li>
					{% ENDFOR %}
				  </ul>
				  <a href="{COMPARE_URL}" class="button" title="Перейти к Сравнению">Перейти к Сравнению</a>
				</div>
			  </div>
			  {% ENDIF %}
			  <!-- Меню пользователя -->
			  <div class="block-account">
				<div class="user-title rhombus">
				  <a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-user" title="Меню пользователя">&nbsp;</i></a>
				</div>
				<ul class="links">
				  {% IFNOT CLIENT_IS_LOGIN %}
				  <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-sign-in"></i>Вход</a></li>
				  <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
				  {% ELSE %}
				  <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><i class="fa fa-user"></i>Мой кабинет</a></li>
				  <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов"><i class="fa fa-history"></i>История</a></li>
				  <li><a href="{FAVORITES_URL}" title="Избранные товары"><i class="fa fa-heart"></i>Избранное</a></li>
				  <li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li>
				  <li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li>
				  {% ENDIF %}
				</ul>
			  </div>
			  <!-- Поиск -->
			  <div class="form-search">
				<div class="search-title rhombus">
				  <i class="fa fa-search" title="Поиск по магазину">&nbsp;</i>
				</div>
				<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				  <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину...">
				  <input type="hidden" name="goods_search_field_id" value="0">
				  <button type="submit" title="Искать" class="button search-submit"><i class="fa fa-search"></i></button>
				</form>
			  </div>


удалите его.

Затем этот код вставьте после кода:

			  <!-- END: Main Navigation -->



в main.css найдите код:

#custommenu {z-index:1;position: static;}

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

#custommenu {z-index:1;position: static; float: left !important}


Там же найдите код:

.header-top .block-phone {position: relative;display: inline-block;float: left;}

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

.header-top .block-phone {position: relative;display: inline-block;float: right;}

в main.css найдите и удалите  код:

.header-top .block-menu {position: relative;cursor: pointer;float: left;}
.header-top .block-menu .block-menu-title {float: left;}
.header-top .block-menu .block-menu-links {overflow:visible;height:auto;position: absolute;left: -1px;top: 100%;background: #fff;width: 200px;max-width: 300px;padding: 0;margin: 0;border: 1px solid #dddddd;z-index: 99;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;}
.header-top .block-menu:hover .block-menu-links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.header-top .block-menu .block-menu-links li {display: block;background: none;text-align: left;border-bottom: 1px solid #dddddd;margin: 0 10px;float:none;}
.header-top .block-menu .block-menu-links li:last-child {border-bottom: none;}
.header-top .block-menu .block-menu-links li a {line-height: 35px;letter-spacing: 0.5px;}



вместо него добавьте код:
ul.block-menu-links li {
	display: inline-block;
	margin-right: 10px;
}
.block-menu {
	position: relative;
	float: left;
	display: inline-block;
	margin-top: 15px;
	font-size: 17px;
}

В шаблоне html найдите и удалите код:

<div class="block-menu-title rhombus">
				  <i class="fa fa-bookmark-o" title="Меню">&nbsp;</i>
				</div>


#5 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 18 Ноябрь 2015 - 13:50

Просмотр сообщенияAvrora (18 Ноябрь 2015 - 12:48) писал:

Продолжаю.

В разделе "Контакты" необходимы следующие изменения:

1. Добавить пробелы рядом со скобками в номере телефона (внизу).

2. Добавить пробелы рядом со скобками в номере телефона (справа).

3. Рядом с "НАШИ КОНТАКТЫ" добавить блок "НАШИ РЕКВИЗИТЫ"
Под этой шапкой добавить возможность вписать свои реквизиты.

4. Внизу кнопка в обратной связи "Отправить" пусть горит всегда бирюзовым цветом (18db9c)

Скриншот так же прикладываю.

2) В шаблоне "Связь с администрацией" найдите код:

	<div class="col-sm-6 col-xs-12">
	  <div class="block-title"><h3>Наши контакты</h3></div>
	  <div class="block-contact">
		{% IF SETTINGS_STORE_REGION %}<p class="city"><em class="fa fa-map-marker">&nbsp;</em><span>{SETTINGS_STORE_REGION}</span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span>{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}
	  </div>
	</div>
</div>


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

	<div class="col-sm-6 col-xs-12">
	  <div class="block-title"><h3>Наши контакты</h3></div>
	  <div class="block-contact">
		{% IF SETTINGS_STORE_REGION %}<p class="city"><em class="fa fa-map-marker">&nbsp;</em><span>{SETTINGS_STORE_REGION}</span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span>{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} ({SETTINGS_STORE_PHONE_CITY_CODE1}) {SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} ({SETTINGS_STORE_PHONE_CITY_CODE2}) {SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} ({SETTINGS_STORE_PHONE_CITY_CODE3}) {SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}
	  </div>
	</div>
</div>


1) в шаблоне HTML найдите код:

<div class="footer-contact">
			  {% IF SETTINGS_STORE_REGION %}<p class="city"><em class="fa fa-map-marker">&nbsp;</em><span>{SETTINGS_STORE_REGION}</span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span>{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}
			</div>

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

<div class="footer-contact">
			  {% IF SETTINGS_STORE_REGION %}<p class="city"><em class="fa fa-map-marker">&nbsp;</em><span>{SETTINGS_STORE_REGION}</span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span>{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} ({SETTINGS_STORE_PHONE_CITY_CODE1}) {SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} ({SETTINGS_STORE_PHONE_CITY_CODE2}) {SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} ({SETTINGS_STORE_PHONE_CITY_CODE3}) {SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}
			</div>


3) шаблоне main.css найдите код:

.col-md-6{width:50%}

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

.col-md-6{width:32%}

в шаблоне Связь с администрацией перед последней строчкой
</div>

вставьте код:

<div class="col-sm-6 col-xs-12">
	  <div class="block-title"><h3>Наши реквизиты</h3></div>
	  <div class="block-contact">
		<ul>
		  <li>Ваши реквизиты 1</li>
		  <li>Ваши реквизиты 2</li>
		  <li>Ваши реквизиты 3</li>
		</ul>
	  </div>
	</div>

замените текст "Ваши реквизиты 1" и т.д. на ваши реквизиты.


4) В шаблоне Связь с администрацией найдите код:

<button type="submit" title="Отправить" class="button"><span>Отправить</span></button>

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

<button type="submit" title="Отправить" class="button_1"><span>Отправить</span></button>

в конце main.css добавьте код:

.button_1 {
	  color: #fff;
	background-color: #18bd9c;
	display: inline-block;
	border: 1px solid #dddddd;
	cursor: pointer;
	margin: 0;
	overflow: visible;
	border-radius: 25px;
	letter-spacing: 0.01em;
	padding: 9px 13px;
	height: 34px;
	line-height: 100%;
	position: relative;
	outline: 0;
}


#6 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 13:52

Юлия, спасибо большое!!

Пару моментов из главной страницы:
1. При прокрутке вниз в шапке значки и логотип заезжают за верхнюю границу. Можно ли как то добавить туда места, как снизу? (скриншот прикладываю). Но только так, чтобы без прокрутки, в обычном состоянии, ничего не изменилось и место лишнее не появилось (место нужно только при прокрутке)?

2. Как заменить/удалить кнопки из горизонтального меню?

Спасибо.

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

  • опустить.jpg
  • меню.jpg


#7 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 18 Ноябрь 2015 - 14:09

Просмотр сообщенияAvrora (18 Ноябрь 2015 - 13:52) писал:

Юлия, спасибо большое!!

Пару моментов из главной страницы:
1. При прокрутке вниз в шапке значки и логотип заезжают за верхнюю границу. Можно ли как то добавить туда места, как снизу? (скриншот прикладываю). Но только так, чтобы без прокрутки, в обычном состоянии, ничего не изменилось и место лишнее не появилось (место нужно только при прокрутке)?

2. Как заменить/удалить кнопки из горизонтального меню?

Спасибо.



Чтобы опустить логотип и значки, добавьте в конце main.css код:

.logo {
	margin-top: 3px;
}

код:

.block-account, .block-cart, .block-compare {float: right;position: relative;padding: 0 7px;line-height: 47px;text-align: center;}

замените на блок:

.block-account, .block-cart, .block-compare {float: right;position: relative;padding: 0 7px;line-height: 47px;text-align: center; margin-top: 3px}

и вот этот код:

.form-search {float: right;position: relative;padding: 0 7px;line-height: 47px;}

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

.form-search {float: right;position: relative;padding: 0 7px;line-height: 47px; margn-top: 3px;}

Чтобы убрать кнопки в горизонтальном меню, зайдите Сайт - Меню, редактируйте пункты Верхнего меню.

#8 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 14:18

Юлия, по поводу страницы "Связь с администрацией":

1. Мне хотелось бы реквизиты расположить справа от контактов.
Важно: между строчками обязательно должны быть небольшие отступы, иначе текст нечитаемый.

2. Можно ли кнопку в обратной связи в самом низу так же сделать статично цветной? 18db9c

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

  • контакты 2.jpg


#9 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 18 Ноябрь 2015 - 14:28

Просмотр сообщенияAvrora (18 Ноябрь 2015 - 14:18) писал:

Юлия, по поводу страницы "Связь с администрацией":

1. Мне хотелось бы реквизиты расположить справа от контактов.
Важно: между строчками обязательно должны быть небольшие отступы, иначе текст нечитаемый.

2. Можно ли кнопку в обратной связи в самом низу так же сделать статично цветной? 18db9c

1) Вы не изменили код в main.css:

.col-sm-6{width:50%}

на код:

.col-sm-6{width:32%}

в конце main.css добавьте код:

.block-contact ul li {
margin: 13px 0px;
}


2) В шаблоне HTML найдите код:

{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}

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

{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button_1">Отправить</button>{% ENDIF %}


#10 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 14:36

Юлия, все отлично, только теперь что-то непонятное с каталогом карточками товара(((((

Посмотрите, пожалуйста, скриншот... я видимо что-то лишнее где-то удалила....

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

  • что это.jpg
  • что это!.jpg


#11 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 18 Ноябрь 2015 - 14:55

Просмотр сообщенияAvrora (18 Ноябрь 2015 - 14:36) писал:

Юлия, все отлично, только теперь что-то непонятное с каталогом карточками товара(((((

Посмотрите, пожалуйста, скриншот... я видимо что-то лишнее где-то удалила....

Попробуйте в main.css найти код:

.col-sm-4{width:33.33333333%}

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

.col-sm-4{width:25%}


#12 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 14:57

Просмотр сообщенияЮля123 (18 Ноябрь 2015 - 14:55) писал:

Попробуйте в main.css найти код:

.col-sm-4{width:33.33333333%}

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

.col-sm-4{width:25%}


Не помогло(

#13 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 18 Ноябрь 2015 - 15:14

Просмотр сообщенияAvrora (18 Ноябрь 2015 - 14:57) писал:

Не помогло(

У вас отображается корректно. Возможно, я не совсем поняла, что Вы имели ввиду?

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

  • QIP Shot - Screen 002.png


#14 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 15:19

Просмотр сообщенияЮля123 (18 Ноябрь 2015 - 15:14) писал:

У вас отображается корректно. Возможно, я не совсем поняла, что Вы имели ввиду?

Юлия, это не корректно для данного шаблона.

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

Где могла произойти ошибка? Сейчас буду опять все настройки менять...

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

  • Каталог.jpg
  • Каталог2.jpg
  • Карточка Товара.jpg


#15 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 16:08

Юлия, проделала еще раз все действия. На этот раз видимо ничего лишнего не зацепила и не удалила. Проблема решилась.

НО! Теперь появилось несколько других:

1. Под реквизитами появился какой то текст, я так и не поняла, как его убрать?
2. Кнопки (обе!) стали другими. Как их вернуть обратно (статично бирюзовые)?

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

  • Контакты.jpg


#16 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 18 Ноябрь 2015 - 16:26

Просмотр сообщенияAvrora (18 Ноябрь 2015 - 16:08) писал:

Юлия, проделала еще раз все действия. На этот раз видимо ничего лишнего не зацепила и не удалила. Проблема решилась.

НО! Теперь появилось несколько других:

1. Под реквизитами появился какой то текст, я так и не поняла, как его убрать?
2. Кнопки (обе!) стали другими. Как их вернуть обратно (статично бирюзовые)?


Зайдите в шаблон "Связь с администрацией" и удалите код:

		.button_1 {
		  color: #fff;
		background-color: #18bd9c;
		display: inline-block;
		border: 1px solid #dddddd;
		cursor: pointer;
		margin: 0;
		overflow: visible;
		border-radius: 25px;
		letter-spacing: 0.01em;
		padding: 9px 13px;
		height: 34px;
		line-height: 100%;
		position: relative;
		outline: 0;
}


этот код вам нужно добавить в конце main.css

#17 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 16:31

Юлия,

Все, отлично!

Спасибо огромное за помощь!!

#18 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 17:20

Подскажите, пожалуйста, еще такой вопрос.

Однажды я ввела свои данные в обе формы обратной связи (несколько дней назад). Теперь даже если я выключаю компьютер, или очищаю кэш на странице, эти данные не пропадают.

Можно ли сделать так, чтобы форма после ввода данных очищалась?

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

  • 1.png


#19 Avrora

Avrora

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

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

Отправлено 18 Ноябрь 2015 - 17:30

Как убрать Стоимость доставки 0 рублей в двух способах доставки?

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

  • доставка.jpg


#20 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 18 Ноябрь 2015 - 17:31

Просмотр сообщенияAvrora (18 Ноябрь 2015 - 17:20) писал:

Подскажите, пожалуйста, еще такой вопрос.

Однажды я ввела свои данные в обе формы обратной связи (несколько дней назад). Теперь даже если я выключаю компьютер, или очищаю кэш на странице, эти данные не пропадают.

Можно ли сделать так, чтобы форма после ввода данных очищалась?

У вас очищается эта форма при нажатии на кнопку "Отправить". Вы уверены, что хотите изменить?




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

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