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


Изменения Верха, Корзина, Телефон, Режим Работы


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

#1 denet

denet

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

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

Отправлено 09 Март 2016 - 22:25

Здравствуйте, я надеюсь что это реально реализовать на вашем движке, можно ли сделать корзину как на картинке2222222222.png
что бы когда корзина была пуста на корзине было бы написана, Ваша корзина пуста, а когда товар куплен, так же на корзине написано Товаров на (Цена)руб.

Аккаунт SL-378888

Картинку делал в фотошопе )

#2 Vaccina

Vaccina

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

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

Отправлено 10 Март 2016 - 05:35

В шаблоне HTML после:
<div class="col-md-3 col-xs-12">
						<div id="logo">
						  <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
						</div>
				  </div>
				  <div class="col-md-9 col-xs-12">

вставьте:
<div class="col-md-12 col-sm-12 col-sms-12 col-smb-12">

  
<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
		   {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
		   </div>
		 
</div>
<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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 %}
		 
</div>

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

div#custommenu {transform: translateY(42px);}


замените на:

div#custommenu {
		margin-top: 20px;
}
#header .worktime {
		color: #2BA2E7;
}

Далее найдите:
.tel-right {
	float: right;
	position: relative;
	top: -35px;
	left: -15px;
	color: #696c79;
	font-size: 18px;
}

замените на:
.tel-right {
	display:none;
}

Уточните пожалуйста, плавающая иконка корзины вам не нужна?

#3 denet

denet

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

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

Отправлено 10 Март 2016 - 09:15

Просмотр сообщенияVaccina (10 Март 2016 - 05:35) писал:

В шаблоне HTML после:
<div class="col-md-3 col-xs-12">
					 <div id="logo">
						 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
					 </div>
				 </div>
				 <div class="col-md-9 col-xs-12">

вставьте:
<div class="col-md-12 col-sm-12 col-sms-12 col-smb-12">


<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
		 {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
		 </div>
		
</div>
<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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 %}
		
</div>

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

div#custommenu {transform: translateY(42px);}


замените на:

div#custommenu {
	 margin-top: 20px;
}
#header .worktime {
	 color: #2BA2E7;
}

Далее найдите:
.tel-right {
float: right;
position: relative;
top: -35px;
left: -15px;
color: #696c79;
font-size: 18px;
}

замените на:
.tel-right {
display:none;
}

Уточните пожалуйста, плавающая иконка корзины вам не нужна?

Корзина пускай останется плавающая, мне  надо что бы корзина у меня была как на картинки ещё. Спасибо за помощь.

#4 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 10 Март 2016 - 11:35

Просмотр сообщенияdenet (10 Март 2016 - 09:15) писал:

Пуская останется, пока что, извините но я не могу найти  custommenu {transform: translateY(42px);}

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

div#custommenu {
				margin-top: 20px;
}
#header .worktime {
				color: #2BA2E7;
}

в самый конец шаблона style.css

#5 denet

denet

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

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

Отправлено 11 Март 2016 - 11:22

Просмотр сообщенияVaccina (10 Март 2016 - 05:35) писал:

В шаблоне HTML после:
<div class="col-md-3 col-xs-12">
					 <div id="logo">
						 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
					 </div>
				 </div>
				 <div class="col-md-9 col-xs-12">

вставьте:
<div class="col-md-12 col-sm-12 col-sms-12 col-smb-12">


<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
		 {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
		 </div>
		
</div>
<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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 %}
		
</div>

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

div#custommenu {transform: translateY(42px);}


замените на:

div#custommenu {
	 margin-top: 20px;
}
#header .worktime {
	 color: #2BA2E7;
}

Далее найдите:
.tel-right {
float: right;
position: relative;
top: -35px;
left: -15px;
color: #696c79;
font-size: 18px;
}

замените на:
.tel-right {
display:none;
}

Уточните пожалуйста, плавающая иконка корзины вам не нужна?


Помогите пожалуйста реализовать корзину как на картинке

#6 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 11 Март 2016 - 16:49

Просмотр сообщенияdenet (11 Март 2016 - 11:22) писал:

Помогите пожалуйста реализовать корзину как на картинке

Здравствуйте. В шаблоне html найдите блок кода:

<!-- Корзина -->
				 <div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
					 <div class="heading">
						 <h4><center>Ваша корзина</center></h4>
						 <a href="{CART_URL}" title="Перейти в корзину">
						 <span id="cart-total">
							 {% IF cart_count_empty %}

								 <div class="content">
						 <div class="empty">Ваша корзина покупок пуста!</div>
					 </div>
							 {% ELSE %}
								 Товаров на <br />
							 {% FOR cart_sum %}
									 {cart_sum.NOW}
								 {% ENDFOR %}руб. ( {CART_COUNT_TOTAL})
							 {% ENDIF %}</span>
						 </a>
						 {% IFNOT cart_count_empty %} <br><span class="oform"><a title="Перейти к оформлению заказа" href="/order/stage/contacts">Оформить заказ</a></span> {% ENDIF %}
					 </div>

Замените его на:
<!-- Корзина -->
		  <div id="shopping_cart_mini"  class="hidden-phone hidden-tablet">
			<div class="heading">
			  <a href="{CART_URL}" title="Перейти в корзину">
				<span id="cart-total">
				  {% IF cart_count_empty %}
					<div class="content-cart">
					  <div class="cart-img">
					<img src="{ASSETS_IMAGES_PATH}icon_visa.png" alt="" title="" />
				  </div>
					<div class="empty">Ваша корзина покупок пуста!
					</div>
					</div>
				  {% ELSE %}
				  <div class="cart-img">
					<img src="{ASSETS_IMAGES_PATH}icon_visa.png" alt="" title="" />
				  </div>
				  <div class="content-cart">
					  Товаров на <br />
					  <b> {% FOR cart_sum %}
						  {cart_sum.NOW}
					   {% ENDFOR %}</b> руб. ( {CART_COUNT_TOTAL})
				  </div>
				  {% ENDIF %}</span>
			  </a>
		  </div>

Затем, в шаблоне main.css замените строки:

#shopping_cart_mini {
	 background-color: #ffffff;
	 border-radius: 1px;/* Изменяет низ корзины окружность */
	 margin-right: 10px; /*сместить от стенки влево или враво */
	 margin-top: 20px; /*сместить от стенки вверх в низ */
	 color: #EEEEEE;
	 min-width: 165px;
	 z-index: 40;
	 float: right;
	 text-align: center;
}
на:
#shopping_cart_mini {
	 background-color: #00BFFF;
	 border-radius: 1px;/* Изменяет низ корзины окружность */
	 margin-right: 10px; /*сместить от стенки влево или враво */
	 margin-top: 20px; /*сместить от стенки вверх в низ */
	 color: #EEEEEE;
	 min-width: 180px;
	 z-index: 40;
	 float: right;
	 text-align: center;
	 height: 60px;
}

В конец шаблона вставьте:
.cart-img {
	float: left;
	margin-left: 5px;
	margin-top: 15px;
}
.content-cart {
	color: #fff;
	font-size: 115%;
	line-height: 29px;
}

Подберите необходимое изображение и замените его название в коде.

#7 denet

denet

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

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

Отправлено 11 Март 2016 - 18:04

Просмотр сообщенияRedHead (11 Март 2016 - 16:49) писал:

Здравствуйте. В шаблоне html найдите блок кода:

<!-- Корзина -->
<div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
<div class="heading">
<h4><center>Ваша корзина</center></h4>
<a href="{CART_URL}" title="Перейти в корзину">
<span id="cart-total">
{% IF cart_count_empty %}

<div class="content">
<div class="empty">Ваша корзина покупок пуста!</div>
</div>
{% ELSE %}
Товаров на <br />
{% FOR cart_sum %}
{cart_sum.NOW}
{% ENDFOR %}руб. ( {CART_COUNT_TOTAL})
{% ENDIF %}</span>
</a>
{% IFNOT cart_count_empty %} <br><span class="oform"><a title="Перейти к оформлению заказа" href="/order/stage/contacts">Оформить заказ</a></span> {% ENDIF %}
</div>

Замените его на:
<!-- Корзина -->
		 <div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
		 <div class="heading">
			 <a href="{CART_URL}" title="Перейти в корзину">
			 <span id="cart-total">
				 {% IF cart_count_empty %}
				 <div class="content-cart">
					 <div class="cart-img">
				 <img src="{ASSETS_IMAGES_PATH}icon_visa.png" alt="" title="" />
				 </div>
				 <div class="empty">Ваша корзина покупок пуста!
				 </div>
				 </div>
				 {% ELSE %}
				 <div class="cart-img">
				 <img src="{ASSETS_IMAGES_PATH}icon_visa.png" alt="" title="" />
				 </div>
				 <div class="content-cart">
					 Товаров на <br />
					 <b> {% FOR cart_sum %}
						 {cart_sum.NOW}
					 {% ENDFOR %}</b> руб. ( {CART_COUNT_TOTAL})
				 </div>
				 {% ENDIF %}</span>
			 </a>
		 </div>

Затем, в шаблоне main.css замените строки:

#shopping_cart_mini {
background-color: #ffffff;
border-radius: 1px;/* Изменяет низ корзины окружность */
margin-right: 10px; /*сместить от стенки влево или враво */
margin-top: 20px; /*сместить от стенки вверх в низ */
color: #EEEEEE;
min-width: 165px;
z-index: 40;
float: right;
text-align: center;
}
на:
#shopping_cart_mini {
background-color: #00BFFF;
border-radius: 1px;/* Изменяет низ корзины окружность */
margin-right: 10px; /*сместить от стенки влево или враво */
margin-top: 20px; /*сместить от стенки вверх в низ */
color: #EEEEEE;
min-width: 180px;
z-index: 40;
float: right;
text-align: center;
height: 60px;
}

В конец шаблона вставьте:
.cart-img {
float: left;
margin-left: 5px;
margin-top: 15px;
}
.content-cart {
color: #fff;
font-size: 115%;
line-height: 29px;
}

Подберите необходимое изображение и замените его название в коде.



У меня шаблон спорт, я  не могу найти #shopping_cart_mini

#8 denet

denet

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

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

Отправлено 15 Март 2016 - 01:15

Просмотр сообщенияVaccina (10 Март 2016 - 05:35) писал:

В шаблоне HTML после:
<div class="col-md-3 col-xs-12">
					 <div id="logo">
						 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
					 </div>
				 </div>
				 <div class="col-md-9 col-xs-12">

вставьте:
<div class="col-md-12 col-sm-12 col-sms-12 col-smb-12">


<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
		 {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
		 </div>
		
</div>
<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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 %}
		
</div>

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

div#custommenu {transform: translateY(42px);}


замените на:

div#custommenu {
	 margin-top: 20px;
}
#header .worktime {
	 color: #2BA2E7;
}

Далее найдите:
.tel-right {
float: right;
position: relative;
top: -35px;
left: -15px;
color: #696c79;
font-size: 18px;
}

замените на:
.tel-right {
display:none;
}

Уточните пожалуйста, плавающая иконка корзины вам не нужна?


Помогите сделать корзину как на картинки и оставить ещё ту которая с боку

#9 Vaccina

Vaccina

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

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

Отправлено 15 Март 2016 - 01:56

Сохраните пожалуйста изменения из сообщения #2 чтобы на его основе я могла дополнить инструкцию по вставке корзины.

#10 denet

denet

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

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

Отправлено 15 Март 2016 - 19:18

Просмотр сообщенияVaccina (15 Март 2016 - 01:56) писал:

Сохраните пожалуйста изменения из сообщения #2 чтобы на его основе я могла дополнить инструкцию по вставке корзины.

я не могу найти div#custommenu {transform: translateY(42px);}

#11 Vaccina

Vaccina

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

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

Отправлено 16 Март 2016 - 01:30

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

В этом случае вместо данной строки найдите:
/*** Шапка ***/
#logo {float: left;margin-top: 20px;}

после него разместите измененный код

#12 denet

denet

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

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

Отправлено 16 Март 2016 - 01:57

Просмотр сообщенияVaccina (16 Март 2016 - 01:30) писал:

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

В этом случае вместо данной строки найдите:
/*** Шапка ***/
#logo {float: left;margin-top: 20px;}

после него разместите измененный код

изменил всё как сказано было, очень плохо выглядит, я убрал, так как должна проверка яндекс маркета придти, можно просто вставить корзину, в правою сторону сайта в шапку

#13 Vaccina

Vaccina

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

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

Отправлено 16 Март 2016 - 02:45

В шаблоне HTML найдите:
<div class="col-md-9 col-xs-12">
		 <!-- Меню навигации в шапке -->
		 <div id="custommenu">
			 <!-- Каталог в шапке -->
			 <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			 {% IF MENU_CATALOG %}
			 <ul class="mainnav">
			 {% FOR catalog_full %}
				 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
				 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
					 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
			 {% ENDFOR %}
			 </ul>
			 {% ELSE %}
			 <!-- Меню в шапке -->
			 <ul class="menunav">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
			 {% ENDIF %}
		 </div>
		 <div id="mommenu" class="menu-collapse">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
			 <i class="fa fa-bars"></i>
			 </span>
			 <span class="menu_catalog">Каталог</span>
			 <div class="menu_collapse_wrap">
			 <div id="menu_collapse" class="mainnav collapse">
				 <ul>
				 {% IFNOT catalog_full_empty %}
				 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
					 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {% ENDFOR %}
				 {% ENDIF %}
				 </ul>
			 </div>
			 </div>
		 </div>
		 <!-- /END Меню навигации в шапке -->
		 </div>

замените на:
<div class="col-md-9 col-xs-12">
<div class="col-md-9 col-xs-12">
<div class="col-md-12 col-sm-12 col-sms-12 col-smb-12 contacts">

<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
				 {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
				 </div>
<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
																								 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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 %}
				
</div>
</div>
		 <!-- Меню навигации в шапке -->
		 <div id="custommenu">
			 <!-- Каталог в шапке -->
			 <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			 {% IF MENU_CATALOG %}
			 <ul class="mainnav">
			 {% FOR catalog_full %}
				 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
				 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
					 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
			 {% ENDFOR %}
			 </ul>
			 {% ELSE %}
			 <!-- Меню в шапке -->
			 <ul class="menunav">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
			 {% ENDIF %}
		 </div>
		 <div id="mommenu" class="menu-collapse">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
			 <i class="fa fa-bars"></i>
			 </span>
			 <span class="menu_catalog">Каталог</span>
			 <div class="menu_collapse_wrap">
			 <div id="menu_collapse" class="mainnav collapse">
				 <ul>
				 {% IFNOT catalog_full_empty %}
				 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
					 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {% ENDFOR %}
				 {% ENDIF %}
				 </ul>
			 </div>
			 </div>
		 </div>
		 <!-- /END Меню навигации в шапке -->
</div>
<div class="col-md-3 col-xs-12 cart">
<a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i>
		 {% IF cart_count_empty %}
			 <div class="cart-empty">Ваша корзина пуста</div>
			 {% ELSE %}
			 {% FOR cart_sum %}
				 <div class="subtotal">Товаров на сумму: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
			 {% ENDFOR %}
			 {% ENDIF %}
</a>
</div>


		 </div>

В main.css найдите:
.tel-right {
font-weight: bold;
float: right;
position: relative;
top: -35px;
left: -15px;
color: #000000;
font-size: 18px;
}

замените на:
.tel-right {
display: none;
}
.col-md-3.col-xs-12.cart a {
display: block;
padding: 10px;
background: #09AFE7;
border-radius: 10px;
margin-top: 15px;
}
.col-md-3.col-xs-12.cart i {
display: inline-block;
font-size: 26px;
color: #fff;
width: 20%;
vertical-align: middle;
}
.col-md-3.col-xs-12.cart .subtotal {
display: inline-block;
font-size: 12px;
width: 75%;
color: #fff;
vertical-align: middle;
}
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts {
padding-top: 20px;
font-size: 16px;
}
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts .worktime {
margin: 0;
color: #09AFE7;
}

Если все выполнили правильно, то должен получиться следующий результат:
123.jpg

#14 denet

denet

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

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

Отправлено 16 Март 2016 - 12:14

всё хорошо встало, но при нажатий на товар, всё же написано что корзина пуста, после обновления странички в корзине уже есть товар, спасибо большое за быстрые ответы

#15 denet

denet

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

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

Отправлено 30 Март 2016 - 01:05

Просмотр сообщенияVaccina (16 Март 2016 - 02:45) писал:

В шаблоне HTML найдите:
<div class="col-md-9 col-xs-12">
		 <!-- Меню навигации в шапке -->
		 <div id="custommenu">
			 <!-- Каталог в шапке -->
			 <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			 {% IF MENU_CATALOG %}
			 <ul class="mainnav">
			 {% FOR catalog_full %}
				 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
				 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
					 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
			 {% ENDFOR %}
			 </ul>
			 {% ELSE %}
			 <!-- Меню в шапке -->
			 <ul class="menunav">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
			 {% ENDIF %}
		 </div>
		 <div id="mommenu" class="menu-collapse">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
			 <i class="fa fa-bars"></i>
			 </span>
			 <span class="menu_catalog">Каталог</span>
			 <div class="menu_collapse_wrap">
			 <div id="menu_collapse" class="mainnav collapse">
				 <ul>
				 {% IFNOT catalog_full_empty %}
				 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
					 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {% ENDFOR %}
				 {% ENDIF %}
				 </ul>
			 </div>
			 </div>
		 </div>
		 <!-- /END Меню навигации в шапке -->
		 </div>

замените на:
<div class="col-md-9 col-xs-12">
<div class="col-md-9 col-xs-12">
<div class="col-md-12 col-sm-12 col-sms-12 col-smb-12 contacts">

<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
				 {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
				 </div>
<div class="col-md-4 col-sm-5 col-sms-12 col-smb-12">
																								 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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 %}
				
</div>
</div>
		 <!-- Меню навигации в шапке -->
		 <div id="custommenu">
			 <!-- Каталог в шапке -->
			 <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			 {% IF MENU_CATALOG %}
			 <ul class="mainnav">
			 {% FOR catalog_full %}
				 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
				 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
					 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
			 {% ENDFOR %}
			 </ul>
			 {% ELSE %}
			 <!-- Меню в шапке -->
			 <ul class="menunav">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
			 {% ENDIF %}
		 </div>
		 <div id="mommenu" class="menu-collapse">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
			 <i class="fa fa-bars"></i>
			 </span>
			 <span class="menu_catalog">Каталог</span>
			 <div class="menu_collapse_wrap">
			 <div id="menu_collapse" class="mainnav collapse">
				 <ul>
				 {% IFNOT catalog_full_empty %}
				 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
					 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {% ENDFOR %}
				 {% ENDIF %}
				 </ul>
			 </div>
			 </div>
		 </div>
		 <!-- /END Меню навигации в шапке -->
</div>
<div class="col-md-3 col-xs-12 cart">
<a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i>
		 {% IF cart_count_empty %}
			 <div class="cart-empty">Ваша корзина пуста</div>
			 {% ELSE %}
			 {% FOR cart_sum %}
				 <div class="subtotal">Товаров на сумму: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
			 {% ENDFOR %}
			 {% ENDIF %}
</a>
</div>


		 </div>

В main.css найдите:
.tel-right {
font-weight: bold;
float: right;
position: relative;
top: -35px;
left: -15px;
color: #000000;
font-size: 18px;
}

замените на:
.tel-right {
display: none;
}
.col-md-3.col-xs-12.cart a {
display: block;
padding: 10px;
background: #09AFE7;
border-radius: 10px;
margin-top: 15px;
}
.col-md-3.col-xs-12.cart i {
display: inline-block;
font-size: 26px;
color: #fff;
width: 20%;
vertical-align: middle;
}
.col-md-3.col-xs-12.cart .subtotal {
display: inline-block;
font-size: 12px;
width: 75%;
color: #fff;
vertical-align: middle;
}
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts {
padding-top: 20px;
font-size: 16px;
}
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts .worktime {
margin: 0;
color: #09AFE7;
}

Если все выполнили правильно, то должен получиться следующий результат:
Прикрепленный файл 123.jpg

Можно телефон и время сделать по середине и жирнее шрифт?

#16 Vaccina

Vaccina

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

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

Отправлено 30 Март 2016 - 01:58

Просмотр сообщенияdenet (30 Март 2016 - 01:05) писал:

Можно телефон и время сделать по середине и жирнее шрифт?

В main.css найдите:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts {
	font-size: 16px;
}
замените на:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div {
	float: none !important;
	display: inline-block;
}

Просмотр сообщенияdenet (16 Март 2016 - 12:14) писал:

всё хорошо встало, но при нажатий на товар, всё же написано что корзина пуста, после обновления странички в корзине уже есть товар, спасибо большое за быстрые ответы

В шаблоне Ajax добавление товара в корзину найдите:
</div>
<!-- Обновление данных корзины -->
<script>
$('.cart-title').html($('#newCartCount').html());
$('.dropdown-cart').html($('#newCartData').html());

замените на:
<div id="newCart2">
<a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i>
				 {% IF cart_count_empty %}
						 <div class="cart-empty">Ваша корзина пуста</div>
						 {% ELSE %}
						 {% FOR cart_sum %}
								 <div class="subtotal">Товаров на сумму: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
						 {% ENDFOR %}
						 {% ENDIF %}
</a>
</div>
</div>
<!-- Обновление данных корзины -->
<script>
$('.col-md-3.col-xs-12.cart').html($('#newCart2').html());
$('.cart-title').html($('#newCartCount').html());
$('.dropdown-cart').html($('#newCartData').html());


#17 denet

denet

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

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

Отправлено 30 Март 2016 - 12:23

Просмотр сообщенияVaccina (30 Март 2016 - 01:58) писал:

В main.css найдите:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts {
font-size: 16px;
}
замените на:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts {
font-size: 17px;
font-weight: bold;
text-align: center;
}
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div {
float: none !important;
display: inline-block;
}



В шаблоне Ajax добавление товара в корзину найдите:
</div>
<!-- Обновление данных корзины -->
<script>
$('.cart-title').html($('#newCartCount').html());
$('.dropdown-cart').html($('#newCartData').html());

замените на:
<div id="newCart2">
<a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i>
				 {% IF cart_count_empty %}
						 <div class="cart-empty">Ваша корзина пуста</div>
						 {% ELSE %}
						 {% FOR cart_sum %}
								 <div class="subtotal">Товаров на сумму: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
						 {% ENDFOR %}
						 {% ENDIF %}
</a>
</div>
</div>
<!-- Обновление данных корзины -->
<script>
$('.col-md-3.col-xs-12.cart').html($('#newCart2').html());
$('.cart-title').html($('#newCartCount').html());
$('.dropdown-cart').html($('#newCartData').html());


как опустить время и телефон ниже?

#18 Юля123

Юля123

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

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

Отправлено 30 Март 2016 - 12:30

Просмотр сообщенияdenet (30 Март 2016 - 12:23) писал:

как опустить время и телефон ниже?

Здравствуйте,  в main.css найдите код:

#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #FFFFFF;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;background: linear-gradient(#F65827, #E5420E) #FFFFFF;border-radius: 10px 29px 21px 43px;	margin-top: 50px;}

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

#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #FFFFFF;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;background: linear-gradient(#F65827, #E5420E) #FFFFFF;border-radius: 10px 29px 21px 43px; }


далее код:

.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div {
		float: none !important;
		display: inline-block;
}

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

.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div {
	float: none !important;
	display: inline-block;
	line-height: 68px;
}


#19 denet

denet

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

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

Отправлено 30 Март 2016 - 12:34

Просмотр сообщенияЮля123 (30 Март 2016 - 12:30) писал:

Здравствуйте,  в main.css найдите код:

#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #FFFFFF;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;background: linear-gradient(#F65827, #E5420E) #FFFFFF;border-radius: 10px 29px 21px 43px; margin-top: 50px;}

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

#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #FFFFFF;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;background: linear-gradient(#F65827, #E5420E) #FFFFFF;border-radius: 10px 29px 21px 43px; }


далее код:

.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div {
	 float: none !important;
	 display: inline-block;
}

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

.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div {
float: none !important;
display: inline-block;
line-height: 68px;
}


Идеально, спасибо огромное! И всем кто мне помогает ) как всегда выручаете )




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

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