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


Дублировать Ссылку На Корзину

Автор alpha-me, 21 мая 2017 01:02

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

#1 alpha-me

alpha-me

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

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

Отправлено 21 Май 2017 - 01:02

Доброго времени суток!
Подскажите пожалуйста как мне дублировать корзину на полосу динамического поиска как на картинке?

SL-103567

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

  • Дублировать корзину.jpg

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 21 Май 2017 - 11:45

Просмотр сообщенияalpha-me (21 Май 2017 - 01:02) писал:

Доброго времени суток!
Подскажите пожалуйста как мне дублировать корзину на полосу динамического поиска как на картинке?

SL-103567

Здравствуйте.
В шаблоне style.css код:
.header_bar h1 {margin-left: 300px;margin-right: 180px;top: 14px;position: relative;color: #fff;}
.header_bar .cart_block {float: right;top: 14px;position: relative;}
.header_bar #search {position: relative; width: auto;right: 0;top: 0;margin: 0 0 0 300px;}
.header_bar #search input {margin-top: 20px !important;}
.header_bar #search input[type="search"] {width: 100%;height: 40px;border: none;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ie .header_bar #search input[type="search"]{width: 98%; height: 30px;}
.header_bar #search input[type="text"]{*width: 852px; *height: 28px;*padding-top: 7px;}
.header_bar #search input[type="submit"] {position:absolute; right: 0;border: solid 2px #ff0000;height: 40px;}

Заменил на:
.header_bar h1 {margin-left: 300px;margin-right: 180px;top: 14px;position: relative;color: #fff;}
.header_bar .cart_block {float: right;top: 14px;position: relative;}
.top-cart {top:20px !important;}
.header_bar #search {position: relative; width: auto;right: 0;top: 0;margin: 0 0 0 300px;}
.header_bar #search input {margin-top: 20px !important;}
.header_bar #search input[type="search"] {width: 80%;height: 40px;border: none;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ie .header_bar #search input[type="search"]{width: 98%; height: 30px;}
.header_bar #search input[type="text"]{*width: 852px; *height: 28px;*padding-top: 7px;}
.header_bar #search input[type="submit"] {position:absolute; right: 17%;border: solid 2px #ff0000;height: 40px;}

А так же добавил код корзины в шаблон HTML:
		 <!-- Корзина -->
		 <div class="shopping_cart_block top-cart">
		 <a href="{CART_URL}" class="shopping_cart" title="Просмотреть корзину">
			 {% IFNOT cart_count_empty %}
			 <span id="cart-total">
				 {CART_COUNT_TOTAL}
			 </span>
			 {% ENDIF %}
		 </a>
		
		 {% IFNOT cart_count_empty %}
			 <div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
		 <div class="inner-wrapper">
		 <table class="table_style">
		 <tbody>
					 {% FOR cart_items %}
			 <tr class="item">
			 <td class="t_right v_align_top">{cart_items.ORDER_LINE_QUANTITY}&nbsp;x&nbsp;</td>
			 <td class="v_align_top"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a></td>
			 </tr>
			 {% ENDFOR %}
		 </tbody>
		 </table>
		 <div class="wrapper">
		 <a class="button" title="Просмотр корзины" href="{CART_URL}">В корзину</a>
		 <a class="button" title="Оформление заказа" href="{ORDER_STAGE_CONTACTS_URL}">Оформить</a>
		 </div>
		 </div>
		 </div>
		 {% ENDIF %}
		 </div>

Проверьте результат, пожалуйста

#3 alpha-me

alpha-me

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

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

Отправлено 24 Май 2017 - 23:34

Просмотр сообщенияFirefly (21 Май 2017 - 11:45) писал:

Здравствуйте.
В шаблоне style.css код:
.header_bar h1 {margin-left: 300px;margin-right: 180px;top: 14px;position: relative;color: #fff;}
.header_bar .cart_block {float: right;top: 14px;position: relative;}
.header_bar #search {position: relative; width: auto;right: 0;top: 0;margin: 0 0 0 300px;}
.header_bar #search input {margin-top: 20px !important;}
.header_bar #search input[type="search"] {width: 100%;height: 40px;border: none;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ie .header_bar #search input[type="search"]{width: 98%; height: 30px;}
.header_bar #search input[type="text"]{*width: 852px; *height: 28px;*padding-top: 7px;}
.header_bar #search input[type="submit"] {position:absolute; right: 0;border: solid 2px #ff0000;height: 40px;}

Заменил на:
.header_bar h1 {margin-left: 300px;margin-right: 180px;top: 14px;position: relative;color: #fff;}
.header_bar .cart_block {float: right;top: 14px;position: relative;}
.top-cart {top:20px !important;}
.header_bar #search {position: relative; width: auto;right: 0;top: 0;margin: 0 0 0 300px;}
.header_bar #search input {margin-top: 20px !important;}
.header_bar #search input[type="search"] {width: 80%;height: 40px;border: none;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ie .header_bar #search input[type="search"]{width: 98%; height: 30px;}
.header_bar #search input[type="text"]{*width: 852px; *height: 28px;*padding-top: 7px;}
.header_bar #search input[type="submit"] {position:absolute; right: 17%;border: solid 2px #ff0000;height: 40px;}

А так же добавил код корзины в шаблон HTML:
		 <!-- Корзина -->
		 <div class="shopping_cart_block top-cart">
		 <a href="{CART_URL}" class="shopping_cart" title="Просмотреть корзину">
			 {% IFNOT cart_count_empty %}
			 <span id="cart-total">
				 {CART_COUNT_TOTAL}
			 </span>
			 {% ENDIF %}
		 </a>
		
		 {% IFNOT cart_count_empty %}
			 <div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
		 <div class="inner-wrapper">
		 <table class="table_style">
		 <tbody>
					 {% FOR cart_items %}
			 <tr class="item">
			 <td class="t_right v_align_top">{cart_items.ORDER_LINE_QUANTITY}&nbsp;x&nbsp;</td>
			 <td class="v_align_top"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a></td>
			 </tr>
			 {% ENDFOR %}
		 </tbody>
		 </table>
		 <div class="wrapper">
		 <a class="button" title="Просмотр корзины" href="{CART_URL}">В корзину</a>
		 <a class="button" title="Оформление заказа" href="{ORDER_STAGE_CONTACTS_URL}">Оформить</a>
		 </div>
		 </div>
		 </div>
		 {% ENDIF %}
		 </div>

Проверьте результат, пожалуйста

Доброго времени суток!
Корзина отображается. Только непосредственно на странице товара корзины нет. Можете еще немного поправить?

#4 Vaccina

Vaccina

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

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

Отправлено 25 Май 2017 - 06:05

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% ELSE %}
			<div class="cart_block">
			  <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm2" >
				<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
				<!-- По этому значению производится заказ товара -->
		   		 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
				<!-- Добавление в корзину -->
				<div class="cart">
				  <div class="qty-button-down">
					<a href="#" class="qty-down">-</a>
				  </div>
				  <input type="text" name="form[goods_mod_quantity]" size="1" value="1" title="Количество" class="qty" />
				  <div class="qty-button-up">
					<a href="#" class="qty-up">+</a>
				  </div>
				  <input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm2'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
				  <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
				</div>
				<!-- /Добавление в корзину -->
			  </form>
			</div>
			<h1>{GOODS_NAME}</h1>
		  {% ENDIF %}
          
замените на:
{% ELSE %}
			<div class="cart_block">
			  <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm2" >
				<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
				<!-- По этому значению производится заказ товара -->
		   		 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
				<!-- Добавление в корзину -->
				<div class="cart">
				  <div class="qty-button-down">
					<a href="#" class="qty-down">-</a>
				  </div>
				  <input type="text" name="form[goods_mod_quantity]" size="1" value="1" title="Количество" class="qty" />
				  <div class="qty-button-up">
					<a href="#" class="qty-up">+</a>
				  </div>
				  <input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm2'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
				  <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
				</div>
				<!-- /Добавление в корзину -->
			  </form>
			</div>
			<h1>{GOODS_NAME}</h1>
			<!-- Корзина -->
		  <div class="shopping_cart_block top-cart">
			<a href="{CART_URL}" class="shopping_cart"  title="Просмотреть корзину">
			  {% IFNOT cart_count_empty %}
				<span id="cart-total">
				  {CART_COUNT_TOTAL}
				</span>
			  {% ENDIF %}
			</a>
			
			{% IFNOT cart_count_empty %}
			  <div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
						  <div class="inner-wrapper">
								<table class="table_style">
									<tbody>
					  {% FOR cart_items %}
										<tr class="item">
											<td class="t_right v_align_top">{cart_items.ORDER_LINE_QUANTITY}&nbsp;x&nbsp;</td>
											<td class="v_align_top"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a></td>
										</tr>
										{% ENDFOR %}
									</tbody>
								</table>
								<div class="wrapper">
									<a class="button" title="Просмотр корзины" href="{CART_URL}">В корзину</a>
									<a class="button" title="Оформление заказа" href="{ORDER_STAGE_CONTACTS_URL}">Оформить</a>
								</div>
							</div>
						</div>
			{% ENDIF %}
		  </div>
		  {% ENDIF %}
          
          
Далее зайдите в style.css - найдите:
.header_bar .cart_block {
	float: right;
	top: 14px;
	position: relative;
}

замените на:
.header_bar .cart_block {
	float: right;
	top: 14px;
	position: relative;
	margin-right: 70px;
	margin-top: 8px;
}

#5 alpha-me

alpha-me

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

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

Отправлено 30 Май 2017 - 22:39

Просмотр сообщенияVaccina (25 Май 2017 - 06:05) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% ELSE %}
		 <div class="cart_block">
			 <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm2" >
			 <input type="hidden" name="hash" value="{HASH}" />
		 <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
			 <!-- По этому значению производится заказ товара -->
		 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
			 <!-- Добавление в корзину -->
			 <div class="cart">
				 <div class="qty-button-down">
				 <a href="#" class="qty-down">-</a>
				 </div>
				 <input type="text" name="form[goods_mod_quantity]" size="1" value="1" title="Количество" class="qty" />
				 <div class="qty-button-up">
				 <a href="#" class="qty-up">+</a>
				 </div>
				 <input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm2'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
				 <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
			 </div>
			 <!-- /Добавление в корзину -->
			 </form>
		 </div>
		 <h1>{GOODS_NAME}</h1>
		 {% ENDIF %}
  
замените на:
{% ELSE %}
		 <div class="cart_block">
			 <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm2" >
			 <input type="hidden" name="hash" value="{HASH}" />
		 <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
			 <!-- По этому значению производится заказ товара -->
		 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
			 <!-- Добавление в корзину -->
			 <div class="cart">
				 <div class="qty-button-down">
				 <a href="#" class="qty-down">-</a>
				 </div>
				 <input type="text" name="form[goods_mod_quantity]" size="1" value="1" title="Количество" class="qty" />
				 <div class="qty-button-up">
				 <a href="#" class="qty-up">+</a>
				 </div>
				 <input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm2'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
				 <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
			 </div>
			 <!-- /Добавление в корзину -->
			 </form>
		 </div>
		 <h1>{GOODS_NAME}</h1>
<!-- Корзина -->
		 <div class="shopping_cart_block top-cart">
		 <a href="{CART_URL}" class="shopping_cart" title="Просмотреть корзину">
			 {% IFNOT cart_count_empty %}
			 <span id="cart-total">
				 {CART_COUNT_TOTAL}
			 </span>
			 {% ENDIF %}
		 </a>
		
		 {% IFNOT cart_count_empty %}
			 <div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
	 <div class="inner-wrapper">
<table class="table_style">
<tbody>
					 {% FOR cart_items %}
<tr class="item">
<td class="t_right v_align_top">{cart_items.ORDER_LINE_QUANTITY}&nbsp;x&nbsp;</td>
<td class="v_align_top"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a></td>
</tr>
{% ENDFOR %}
</tbody>
</table>
<div class="wrapper">
<a class="button" title="Просмотр корзины" href="{CART_URL}">В корзину</a>
<a class="button" title="Оформление заказа" href="{ORDER_STAGE_CONTACTS_URL}">Оформить</a>
</div>
</div>
</div>
		 {% ENDIF %}
		 </div>
		 {% ENDIF %}
  
  
Далее зайдите в style.css - найдите:
.header_bar .cart_block {
float: right;
top: 14px;
position: relative;
}

замените на:
.header_bar .cart_block {
float: right;
top: 14px;
position: relative;
margin-right: 70px;
margin-top: 8px;
}

Спасибо! Все работает!
Обратно в Изменение общей стилистики


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

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

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