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


Новый Шаблон,новое "хочу"

Автор tega4, 22 марта 2014 22:55

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

#1 tega4

tega4

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

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

Отправлено 22 Март 2014 - 22:55

Есть несколько вопросов по внедрению элементов из шаблона "Весна" в шаблон "Сияние".
Сам шаблон уже не раз редактировался, и теперь требует доработок в связи с пожеланиями супруга, после уведенной "Весны". А точнее:
1. Как сделать всплывающее окошко в каталоге, при наведении на товар чтобы вылетало поле с ценой и кнопками, как это осуществлено в "Весне".
2. И как заменить сортировку товара в категории на сортировку "Весны



Аккаунт SL-257549

#2 tega4

tega4

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

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

Отправлено 22 Март 2014 - 23:09

Думала получится самой перенести увеличение кол-ва товаров на странице товара, но не получилось :(

в main.js вставила:
$(document).ready(function(){
 
  $('#column-left .box-heading').click(function(){
	  var vis = $('#column-left').find('.box-content');
	  if ($(this).hasClass('up'))
	  {
		vis.fadeOut();
		$(this).removeClass('up');
	  }
	  else
	  {
		vis.fadeIn();
		$(this).addClass('up');
	  }
	 
  });
 
  $('.qty-plus').click(function(){
	var
	  quantity = $(this).parent().find('.quantity')
	  ,currentVal = parseInt(quantity.val())
	;
	if (!isNaN(currentVal)){
	  quantity.val(currentVal + 1);
	  quantity.trigger('keyup');
	}
	return false;
  });
  $('.qty-minus').click(function(){
	var
	  quantity = $(this).parent().find('.quantity')
	  ,currentVal = parseInt(quantity.val())
	;
	if (!isNaN(currentVal) && !(currentVal <= 1) ){
		quantity.val(currentVal - 1);
		quantity.trigger('keyup');
	}
	return false;
  });
 
  $(window).load(function() {
	$('.flexslider').flexslider({
	  animation: "fade",
	  pauseOnHover: true,
	  touch: true,
	animationSpeed: 1300,
	slideshowSpeed: 6500,
	smoothHeight: false,
	controlNav: false,
	  directionNav: true
	});
  });
в main.css вставила:
/* Кнопки выбора количества товара */
  div.plus_minus_quantity {margin:5px 0 10px;}
  .cart .quantity, .quantity .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;text-align:center !important;}
  .cart .qty-minus, .quantity .qty-minus, .cart .qty-plus, .quantity .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px; padding: 2px 7px; margin: 0;text-align:center;background-color: #FF0551;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
  .cart .qty-plus:hover, .quantity .qty-plus:hover, .cart .qty-minus:hover, .quantity .qty-minus:hover {background-color: #444444;}
  .goodsDataForm .plus_minus_quantity {margin: 0 10px 0 0;}
  .goodsDataForm .cart .qty-minus, .goodsDataForm .cart .qty-plus {height: 36px; width: 20px;color: #fff;padding: 8px 7px;line-height: 36px;vertical-align: middle;}
  .goodsDataForm  .quantity {height: 32px;margin: 0;vertical-align: middle;}
  /* END Кнопки выбора количества товара */
в "товар" вставила:
<div class="plus_minus_quantity">
			  <span class="qty-minus">-</span>
			<input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
		  <span class="qty-plus">+</span>
		</div>
но при этом не переключает теперь миниатюры на среднее изображение и не работает увеличение товара....
помогите)

#3 tega4

tega4

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

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

Отправлено 23 Март 2014 - 14:25

С счетчиков кол-ва товаров разобралась самостоятельно. нашла, что мне необходимо было исправить)
жду помощи с остальным. по возможности.

#4 Vaccina

Vaccina

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

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

Отправлено 25 Март 2014 - 04:51

1.Добавьте в код товаров в шаблоне Товары:
<div class="prod-info-fly">
			 <div class="name"><a title="{goods.NAME}" href="{goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{goods.NAME}</a></div>
			 <div class="price">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				 <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				 <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
				 {% ENDIF %}
				 <span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span>
				 <div class="clear"></div>
			 </div>
			 <div class="cart">
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
				 <input type="hidden" name="hash" value="{HASH}" />
				 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
				 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
				 <div class="plus_minus_quantity">
				 <span class="qty-minus">-</span>
				 <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
				 <span class="qty-plus">+</span>
			 </div>
				 <a class="add_to_cart_small" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a>
				 <!--a class="add_to_cart_small" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
				 </form>
				
				 <!-- Если есть возможность добавить товар в избранное -->
				 {% IF goods.IS_HAS_IN_FAVORITES_LIST %}
				 <a class="add_to_wishlist_small added"
					 data-action-is-add="0"
					 data-action-add-url="{FAVORITES_ADD_URL}"
					 data-action-delete-url="{FAVORITES_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					 title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					 href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
				 >Удалить из избранного</a>
				 {% ELSE %}
				 <a class="add_to_wishlist_small"
					 data-action-is-add="1"
					 data-action-add-url="{FAVORITES_ADD_URL}"
					 data-action-delete-url="{FAVORITES_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					 title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
				 >Добавить в избранное</a>
				 {% ENDIF %}
				 <!-- END Если есть возможность добавить товар в избранное -->
				
				 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
				 {% IF goods.IS_HAS_IN_COMPARE_LIST %}
					 <a class="add_to_compare_small added"
					 data-action-is-add="0"
					 data-action-add-url="{COMPARE_ADD_URL}"
					 data-action-delete-url="{COMPARE_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					 title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					 href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					 >убрать из сравнения</a>
				 {% ELSE %}
					 <a class="add_to_compare_small"
					 data-action-is-add="1"
					 data-action-add-url="{COMPARE_ADD_URL}"
					 data-action-delete-url="{COMPARE_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					 title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					 href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					 >Сравнить</a>
				 {% ENDIF %}
				 {% ENDIF %}
				 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				
			 </div>
			 </div>
и вставьте сл.код в main.css:
.prod-info-fly {
background: none repeat scroll 0 0 #FFFFFF;
bottom: -252px;
display: none;
left: 0;
min-height: 120px;
opacity: 0;
padding: 20px 5px;
position: absolute;
text-align: center;
width: 210px;
}
.goodsListItem:hover .prod-info-fly, div:hover .prod-info-fly {
bottom: 0;
display: block;
opacity: 1;
}
2.В шаблоне Весна по умолчанию для "Сортировать по" используется сл.код:
<div class="sort">
			 <div class="sort-by">
			 <label>Сортировать по:</label>
			 <ul class="OrderFilterFormByURLs">
				 <!-- цене: Дорогие - Дешевые -->
				 {% IF GOODS_SEARCH_FIELD_ID=1 %}
				 <li class="selected-desc"><a href="?goods_search_field_id=2" title="Товары сейчас отсортированы по цене. Вверху дорогие внизу дешевые. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дешевые, затем дорогие">цене</a></li>
				 <!-- цене: Дешевые - Дорогие -->
				 {% ELSEIF GOODS_SEARCH_FIELD_ID=2 %}
				 <li class="selected-asc"><a href="?goods_search_field_id=1" title="Товары сейчас отсортированы по цене. Вверху дешевые внизу дорогие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дорогие, затем дешёвые">цене</a></li>
				 <!-- Сортировка отключена -->
				 {% ELSE %}
				 <li><a href="?goods_search_field_id=2" title="Отсортировать товары по убыванию цены. Сверху дорогие, снизу дешевые">цене</a></li>
				 {% ENDIF %}
				 <!-- названию: А - я -->
				 {% IF GOODS_SEARCH_FIELD_ID=3 %}
				 <li class="selected-asc"><a href="?goods_search_field_id=4" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;Я&raquo;, затем &laquo;а&raquo;">названию</a></li>
				 <!-- названию: я - А -->
				 {% ELSEIF GOODS_SEARCH_FIELD_ID=4 %}
				 <li class="selected-desc"><a href="?goods_search_field_id=3" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;Я&raquo;, снизу &laquo;а&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;а&raquo;, затем &laquo;Я&raquo;">названию</a></li>
				 <!-- Сортировка отключена -->
				 {% ELSE %}
				 <li><a href="?goods_search_field_id=3" title="Отсортировать товары по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;">названию</a></li>
				 {% ENDIF %}
				 <!-- рейтингу: Хорошие - Плохие -->
				 {% IF GOODS_SEARCH_FIELD_ID=11 %}
				 <li class="selected-desc"><a href="?goods_search_field_id=12" title="Товары сейчас отсортированы по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала плохие, затем хорошие">рейтингу</a></li>
				 <!-- рейтингу: Плохие - Хорошие -->
				 {% ELSEIF GOODS_SEARCH_FIELD_ID=12 %}
				 <li class="selected-asc"><a href="?goods_search_field_id=11" title="Товары сейчас отсортированы по рейтингу отзывов покупателей. Сверху плохие товары, снизу хорошие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала хорошие, затем плохие">рейтингу</a></li>
				 <!-- Сортировка отключена -->
				 {% ELSE %}
				 <li><a href="?goods_search_field_id=11" title="Отсортировать товары по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие">рейтингу</a></li>
				 {% ENDIF %}
			 </ul>
			 </div>
		 </div>

замените стандартный код в шаблоне Товары:
<!-- Поле выбора сортировки -->
{% IF goods_show_order_fields %}
Сортировать по:
<select name="goods_search_field_id" onchange="this.form.submit();">
{% FOR goods_order_fields %}
<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
{% ENDFOR %}
</select>
{% ENDIF %}
на указанный выше

#5 tega4

tega4

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

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

Отправлено 25 Март 2014 - 07:33

спасибо большое, а первое вставлять вместо всего кода отображения товара? я правильно поняла?
вместо данного куска кода?
<h3 class="goodsListItemName"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
				<div class="goodsListItemPriceNew">
				  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div> 
				<div class="goodsListItemPriceOld">
				  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				  {% ENDIF %}
				 
					   
				</div>

#6 tega4

tega4

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

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

Отправлено 25 Март 2014 - 07:42

Пробовала ставить и вместо и под этот код, все равно не работает. Что касается товара.

#7 Vaccina

Vaccina

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

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

Отправлено 26 Март 2014 - 02:31

вставьте блок после цены, не забудьте добавить стили в main.css, попробуйте также :
.goodsListItemBlock {
	height: auto;
	margin: 5px;
	overflow: hidden;
	width: 210px;
}
замените на:
.goodsListItemBlock {
	height: auto;
	margin: 5px;
	overflow: hidden;
	position: relative;
	width: 210px;
}

сохраните пожалуйста изменения, чтобы мы смогли просмотреть

#8 tega4

tega4

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

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

Отправлено 26 Март 2014 - 13:02

Просмотр сообщенияVaccina (26 Март 2014 - 02:31) писал:

вставьте блок после цены, не забудьте добавить стили в main.css, попробуйте также :
.goodsListItemBlock {
height: auto;
margin: 5px;
overflow: hidden;
width: 210px;
}
замените на:
.goodsListItemBlock {
height: auto;
margin: 5px;
overflow: hidden;
position: relative;
width: 210px;
}

сохраните пожалуйста изменения, чтобы мы смогли просмотреть
Спасибо, все работает, самой пришлось кое-что поменять чтобы начало корректно отображать все.
Обратно в Шаблон Сияние


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

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

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