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


Несколько Небольших Правок В Шаблоне

Автор Scou, 08 дек. 2015 18:05

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

#1 Scou

Scou

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

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 08 Декабрь 2015 - 18:05

Здравствуйте, подскажите, пожалуйста:

1) Как сделать на главной странице не 4 карточки товара, а 12(3 ряда по 4)?
2) Как убрать анимацию с кнопок преимуществ и сделать их статичными во втором своем состоянии, когда они на синем фоне?(прикрепил скриншот)
3) Как поместить верхнее меню на место контактов и в полной версии сайта эти контакты убрать вообще?(прикрепил скриншот)
4) Как во всплывающем меню обратного звонка оставить только пункты имени, телефона и комментариев?(прикрепил скриншот)
5) Можно ли при заказе определенного товара делать скидку в корзине на ряд других товаров?

Спасибо!

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

  • ауауауауа.JPG
  • Снимокпппппп.JPG
  • уаууауауауау.JPG

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 09 Декабрь 2015 - 02:15

1. Добавьте больше товаров в Хиты продаж в разделе Товары - Товары.
2. В main.css найдите:
#topsl {margin: 40px 0 0;padding-bottom: 27px;border-bottom: 1px solid #e9e9e9;}
#topsl .block {padding: 106px 1% 0;text-align: center;display:block;}
#topsl .block:first-child {margin-left:0;}
#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #666666;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;}
#topsl .block .block-title:before {position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
#topsl .block .block-title span:before {position: absolute;content: "";height: 78px;width: 78px;border: 3px solid #FFF;left: 50%;top: 1px;margin-left: -42px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;opacity: 0;filter: alpha(opacity=0);}
#topsl .block .block-title span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat -78px top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;}
#topsl .block.money-back .block-title span:after {background-position: -234px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -390px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -546px top;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title {color: #3cabda;}
#topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;}
#topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title span:after {background-position: 0px top;}
#topsl .block.money-back:hover .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247:hover .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}

замените на:
#topsl {margin: 40px 0 0;padding-bottom: 27px;border-bottom: 1px solid #e9e9e9;}
#topsl .block {padding: 106px 1% 0;text-align: center;display:block;}
#topsl .block:first-child {margin-left:0;}
#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #3cabda;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;}
#topsl .block .block-title:before {position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #3cabda;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
#topsl .block .block-title span:before {position: absolute;content: "";height: 78px;width: 78px;border: 3px solid #FFF;left: 50%;top: 1px;margin-left: -42px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block .block-title span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat 0px top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;}
#topsl .block.money-back .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -468px top;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title:before {cursor:pointer;}

3.  В шаблоне HTML найдите:
<div class="topheader-left col-xs-5">
			  <ul class="contact-us-now">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <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></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <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></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <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></li>{% ENDIF %}
			  </ul>
			</div>
			<div class="topheader-right col-xs-7">
			  <div class="inner">
				<div class="sns-quickaccess">
				  <div class="quickaccess-inner">
					<span class="welcome">Добро пожаловать!</span>
					<ul class="links">
					  {% FOR menu %}
						{% FOR header %}
						  {% FOR links %}
							<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						  {% ENDFOR %}
						{% ENDFOR %}
					  {% ENDFOR %}
					</ul>
				  </div>
				</div>
			  </div>
			</div>

замените на:
<div class="topheader-left col-xs-7">
<div class="inner">
				<div class="sns-quickaccess">
				  <div class="quickaccess-inner">
					<span class="welcome">Добро пожаловать!</span>
					<ul class="links">
					  {% FOR menu %}
						{% FOR header %}
						  {% FOR links %}
							<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						  {% ENDFOR %}
						{% ENDFOR %}
					  {% ENDFOR %}
					</ul>
				  </div>
				</div>
			  </div>
			</div>
			<div class="topheader-right col-xs-5">
			  <ul class="contact-us-now">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <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></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <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></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <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></li>{% ENDIF %}
			  </ul>
			</div>

В main.css найдите:
#header-top .topheader-left {float:left;padding:0;}
#header-top .topheader-left ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;}
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}
#header-top .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;}
#header-top .topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
#header-top .topheader-left ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #909090;}
#header-top .topheader-left ul.contact-us-now li.c-phone.hide {display:none;}
#header-top .topheader-right {position: relative;z-index: 2;float:right;padding:0;}
#header-top .topheader-right .inner {float: right;}
#header-top .topheader-right .sns-quickaccess {float: left;}
#header-top .topheader-right .sns-quickaccess .welcome {font-weight: bold;color: #666666;float: left;display: none;}
#header-top .topheader-right .sns-quickaccess ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:36px;overflow:hidden;font-weight: bold;}
#header-top .topheader-right .sns-quickaccess ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}
#header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding-left: 0px;}
#header-top .topheader-right .sns-quickaccess ul.links li:last-child {background:none;padding-right: 0px;}

замените на:
#header-top .topheader-left {position: relative;z-index: 2;float:right;padding:0;}
#header-top .topheader-left .inner {float: right;}
#header-top .topheader-left .sns-quickaccess {float: left;}
#header-top .topheader-left .sns-quickaccess .welcome {font-weight: bold;color: #666666;float: left;display: none;}
#header-top .topheader-left .sns-quickaccess ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:36px;overflow:hidden;font-weight: bold;}
#header-top .topheader-left .sns-quickaccess ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}
#header-top .topheader-left .sns-quickaccess ul.links li:first-child {padding-left: 0px;}
#header-top .topheader-left .sns-quickaccess ul.links li:last-child {background:none;padding-right: 0px;}
#header-top .topheader-right {float:left;padding:0;}
#header-top .topheader-right ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;}
#header-top .topheader-right ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}
#header-top .topheader-right ul.contact-us-now li:first-child {margin-left: 0px;}
#header-top .topheader-right ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
#header-top .topheader-right ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #909090;}
#header-top .topheader-right ul.contact-us-now li.c-phone.hide {display:none;}

4. В шаблоне Обратный звонок найдите и удалите:
<tr>
			<td><label for="callback_region">Область</label></td>
			<td><input id="callback_region" type="text" name="form[callback_region]" value="{FORM_CALLBACK_REGION}" maxlength="255" class="inputText"/></td>
		  </tr>
		  <tr>
			<td><label for="callback_address">Адрес</label></td>
			<td><input id="callback_address" type="text" name="form[callback_address]" value="{FORM_CALLBACK_ADDRESS}" maxlength="255" class="inputText"/></td>
		  </tr>
		  <tr>
			<td><label for="callback_city">Город</label></td>
			<td><input id="callback_city" type="text" name="form[callback_city]" value="{FORM_CALLBACK_CITY}" maxlength="255" class="inputText"/></td>
		  </tr>
		  <tr>
			<td><label for="callback_zip_code">Почтовый индекс</label></td>
			<td><input id="callback_zip_code" type="text" name="form[callback_zip_code]" value="{FORM_CALLBACK_ZIP_CODE}" maxlength="255" class="inputText"/></td>
		  </tr>
		  <tr>
			<td><label for="callback_country">Страна</label></td>
			<td><input id="callback_country" type="text" name="form[callback_country]" value="{FORM_callback_country}" maxlength="255" class="inputText"/></td>
		  </tr>
		  <tr style="display:none;">
			<td><label for="callback_convenient_date">Удобная дата доставки dd.mm.yyyy</label></td>
		   <td><input id="callback_convenient_date" type="text" name="form[callback_convenient_date]" value="{FORM_CALLBACK_CONVENIENT_DATE}" maxlength="255" class="inputText"/></td>
		  </tr>
		  <tr style="display:none;">
			<td><label for="callback_convenient_hour_from">Удобное время доставки</label></td>
			<td>
			  С: <input id="callback_convenient_hour_from" type="text" name="form[callback_convenient_hour_from]" value="{FORM_CALLBACK_CONVENIENT_HOUR_FROM}" maxlength="255" class="inputText"/>
			  По: <input id="callback_convenient_hour_to" type="text" name="form[callback_convenient_hour_to]" value="{FORM_CALLBACK_CONVENIENT_HOUR_TO}" maxlength="255" class="inputText"/>
		   </td>
		  </tr>


<tr>
			<td><label for="coupon_code">Код купона на скидку</label></td>
			<td><input id="coupon_code" type="text" name="form[coupon_code]" value="{FORM_COUPON_CODE}" maxlength="255" class="inputText"/></td>
		  </tr>
		  <tr>
			<td><label for="callback_floor">Этаж</label></td>
			<td><input id="callback_floor" type="text" name="form[этаж]" value="{FORM_ЭТАЖ}" maxlength="255" class="inputText"/></td>
		  </tr>

5. Если только создать отдельно товары в скрытой категории со скидочной ценой и делать их как сопутсвующие необходимым товарам.

#3 Scou

Scou

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

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 10 Декабрь 2015 - 10:37

3 пункт не получился, а можно другой вариант третьего пункта сделать? В полной версии сайта просто убрать с левого верхнего угла почту и телефон?

#4 Юля123

Юля123

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

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

Отправлено 10 Декабрь 2015 - 10:43

Просмотр сообщенияScou (10 Декабрь 2015 - 10:37) писал:

3 пункт не получился, а можно другой вариант третьего пункта сделать? В полной версии сайта просто убрать с левого верхнего угла почту и телефон?

Здравствуйте, попробуйте следующее. В конце main.css добавьте код:

@media all and (min-width: 767px) {
.topheader-left.col-xs-5 { display: none;}
}

#5 Scou

Scou

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

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 10 Декабрь 2015 - 11:17

Просмотр сообщенияЮля123 (10 Декабрь 2015 - 10:43) писал:

Здравствуйте, попробуйте следующее. В конце main.css добавьте код:

@media all and (min-width: 767px) {
.topheader-left.col-xs-5 { display: none;}
}

Спасибо!  А подскажите, пожалуйста, еще где можно увеличить шрифт верхнего меню, путался сам найти в коде, но так ничего и не вышло

#6 Юля123

Юля123

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

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

Отправлено 10 Декабрь 2015 - 11:25

Просмотр сообщенияScou (10 Декабрь 2015 - 11:17) писал:

Спасибо!  А подскажите, пожалуйста, еще где можно увеличить шрифт верхнего меню, путался сам найти в коде, но так ничего и не вышло


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

#header-top .topheader-right .sns-quickaccess ul.links li {
	font-size: 17px;
}

значение свойства font-size изменяйте на нужный вам размер шрифта.
Обратно в Шаблон Лазурь


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лазурь
  5. Privacy Policy