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


Изменить Список Товаров

Автор xomyd, 17 окт. 2013 17:53

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

#1 xomyd

xomyd

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

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

Отправлено 17 Октябрь 2013 - 17:53

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


+ изменить верхнее меню на что нибудь подходящее



Спасибо что помогаете новичкам :)
СПАСИБО

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

  • 444.png

#2 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 17 Октябрь 2013 - 19:07

Здравствуйте. Каталог на который вы хотите поменять свой каталог есть в теме Сияние.

#3 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 17 Октябрь 2013 - 19:20

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:
<!-- Если есть товары -->
		  {% ELSE %}
			{% FOR goods %}
		   <td class="goodsListItem">  
				<div class="goodsListItemBlock withBorder cornerAll">
			   <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
			   <h3 class="goodsListItemName"><a href="{goods.URL}">{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>
				</div>
			  </td>
		   {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
		   {% ENDFOR goods %}
		 {% ENDIF %}
		</tr>
	  </table>
	</td>
  </tr>
  <!-- END Список товаров -->
Заменить:
		  <!-- Если есть товары -->
		  {% ELSE %}

					  <td>
			<!-- Список товаров. Список -->
	  {% FOR goods %}
		<div class="listing">
		  <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div>

		  <div class="contm">
			<h3><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			<p>
			  {goods.DESCRIPTION_SHORT}
			</p>
			<p>
			  Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
			  {% 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><br />
				<span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
			  {% 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 %}
			</p>

			<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			  <p>
				<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}" />
				<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
			 </p>
			</form>

			<p>
			  <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
			</p>

		  </div>
		  <div class="clr"></div>
		</div>
	  {% ENDFOR %}
	  <!-- /Список товаров. Список -->
		  </td>


		 {% ENDIF %}
		</tr>
	  </table>
	</td>
  </tr>
  <!-- END Список товаров -->

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.imagem {
	display: inline-block;
	width: 20%;
}
.contm {
	display: inline-block;
	width: 78%;
}

#4 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 17 Октябрь 2013 - 20:20

Просмотр сообщенияxomyd (17 Октябрь 2013 - 17:53) писал:

Здравствуйте! нужно изменить  http://happy54.ru/ca...ya-kategoriya-2 список товаров , чтобы было как здесь http://foy.su/catalo...ods_view_type=1
+ товары на главной должны отображаться так же
+ сделать такую же кнопку купить
+было бы хорошо перенести каталог товаров на право+сделать такой же еффект на наведении на каталог


+ изменить верхнее меню на что нибудь подходящее



Спасибо что помогаете новичкам :)
СПАСИБО
Здравствуйте. В шаблоне "HTML" найдите код
Скрытый текст
и замените на этот
Скрытый текст
теперь в main.css добавьте подобный код
.buy_button {
font-size:10pt;
font-weight: bold;
color: #5A5A5A !important;
height: 30px;
width: 135px;
padding-left: 15px;
display: block;
background: #3AD6F3;
background: linear-gradient(to top, #3AD6F3, #fff);
line-height: 30px;
border-radius: 10px;
text-decoration: none !important;
border: 1px solid #2EC1F0;
}
.buy_button:hover {
color: #fff !important;
border: 1px solid #B15C1A;
background: #F8AC39;
background: linear-gradient(to top, #F8AC39, #fff);
}
это стили кнопки "купить", изменяйте их по своему усмотрению.

#5 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 17 Октябрь 2013 - 20:28

Про перенос каталога уточните, хотите, чтобы только каталог отображался справа или же весь левый блок, включающий каталог, вк виджет, сравнение товаров, необходимо перенести направо?
А эффект при наведении на каталог - это, видимо, затемнение фона. В конец main.css добавьте такой код
#subNavigation li:hover {
background: rgba(0, 0, 0, 0.025);
}

#6 xomyd

xomyd

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

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

Отправлено 18 Октябрь 2013 - 10:39

посмотрите вот что получилось

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

  • четыре.png
  • четыре 2.png

#7 CrazyCat

CrazyCat

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

  • Модератоpы
  • 190 сообщений

Отправлено 18 Октябрь 2013 - 11:31

Добрый день!
Чтобы товары выводились по четыре, в шаблоне HTML найдите код
  {% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
замените на
  {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}

#8 xomyd

xomyd

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

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

Отправлено 18 Октябрь 2013 - 11:35

не нашел такого кода

#9 xomyd

xomyd

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

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

Отправлено 18 Октябрь 2013 - 12:41


#10 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияxomyd (18 Октябрь 2013 - 10:39) писал:

посмотрите вот что получилось http://happy54.ru/
В шаблоне "main.css" в коде
.content_catalog_nested_categories li {
text-align:center;
float:left;
width:135px;
height:150px;
overflow:hidden;
padding:1em;
margin:0px;
list-style-type:none;
background:none !important;
}
padding:1em; замените на padding:0.9em;
Чтобы переместить кнопку, нужно замененный код еще немного отредактировать. В шаблоне HTML этот код
Скрытый текст
замените на этот
Скрытый текст

#11 xomyd

xomyd

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

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

Отправлено 18 Октябрь 2013 - 13:22

хотелось бы еще и тут изменить

#12 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияxomyd (18 Октябрь 2013 - 13:22) писал:

http://happy54.ru/

хотелось бы еще и тут изменить http://happy54.ru/ca...ya-kategoriya-2
В измененном коде 2 раза встречается 
min-width: 400px
оба замените на
min-width: 250px
из-за этого элементы улетели.
В шаблоне main.css код
.listing .contm {position: relative;
  display: inline;
  float: left;
  width: 435px;
}
замените на этот
.listing .contm {position: relative;
  display: inline;
  float: left;
  width: 425px;
}
И в шаблоне "Товары" код
<div class="contm">
			<h3><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			<p>
			  {goods.DESCRIPTION_SHORT}
			</p>
			<p>
			  Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
			  {% 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><br />
				<span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
			  {% 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 %}
			</p>
			<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			  <p>
				<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}" />
				<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
			 </p>
			</form>
			<p>
			  <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
			</p>
		  </div>
замените на этот
<div class="contm">
		  <div style="width: 64%; float: left;">
			<h3><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			<p>
			  {goods.DESCRIPTION_SHORT}
			</p>
			<p>
			  Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
			  {% 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><br />
				<span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
			  {% 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 %}
			</p>
			</div>
			<div style="width: 36%; float: left;">
			<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			  <p>
				<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}" />
				<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
			 </p>
			</form>
			<p>
			  <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
			</p>
			</div>
		  </div>

#13 xomyd

xomyd

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

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

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

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

#14 ne_yana

ne_yana

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

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

Отправлено 18 Октябрь 2013 - 16:41

Просмотр сообщенияxomyd (18 Октябрь 2013 - 14:55) писал:

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

Добрый вечер, этот вопрос уже обсуждался на форуме http://forum.storela...ерх/#entry26947

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

#15 xomyd

xomyd

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

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

Отправлено 19 Октябрь 2013 - 07:46

Просмотр сообщенияne_yana (18 Октябрь 2013 - 16:41) писал:

Добрый вечер, этот вопрос уже обсуждался на форуме http://forum.storela...ерх/#entry26947

Если возникли проблемы, то опишите, пожалуйста, подробнее, что именно не получается.
я пробовал, что именно не получается не знаю
jQuery куда прописывать?

#16 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 19 Октябрь 2013 - 08:26

Просмотр сообщенияxomyd (19 Октябрь 2013 - 07:46) писал:

я пробовал, что именно не получается не знаю
jQuery куда прописывать?

Добавьте код  - 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
перед кодом 
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
в шаблоне HTML

#17 xomyd

xomyd

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

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

Отправлено 19 Октябрь 2013 - 09:43

не получилось

#18 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 19 Октябрь 2013 - 11:06

Просмотр сообщенияxomyd (19 Октябрь 2013 - 09:43) писал:

не получилось

Нашла у Вас в файле main.js ошибку. В конце файла найдите код - 
<script type="text/javascript">
  $(document).ready(function(){
  $("#back-top").hide();
  $(function () {
   $(window).scroll(function () {
	if ($(this).scrollTop() > 50) {
	 $('#back-top').fadeIn();
	} else {
	 $('#back-top').fadeOut();
	}
   });
   $('#back-top a').click(function () {
	$('body,html').animate({
	 scrollTop: 0
	}, 800);
	return false;
   });
  });
});
</script>
и замените его на - 
$(document).ready(function(){
				$("#back-top").hide();
				$(function () {
						$(window).scroll(function () {
								if ($(this).scrollTop() > 250) {
										$('#back-top').fadeIn();
								} else {
										$('#back-top').fadeOut();
								}
						});
						$('#back-top a').click(function () {
								$('body,html').animate({
										scrollTop: 0
								}, 800);
								return false;
						});
				});
		});

#19 xomyd

xomyd

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

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

Отправлено 19 Октябрь 2013 - 13:41

все равно не получается

#20 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 19 Октябрь 2013 - 13:45

Просмотр сообщенияxomyd (19 Октябрь 2013 - 13:41) писал:

все равно не получается
в файле main.js попробуйте заменить
$(document).ready(function(){
  // Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
  $('.order form, .feedbackForm, .clientForm, .goodsDataOpinionAddForm').submit(function(){
	if($(this).valid()) {
	  // Кнопка отправки формы
	  SubmitButton = $(this).find('input:submit, button:submit');
	  // Если кнопку уже нажали, видимо отправка формы производилась по нажатию на кнопку enter, не допускаем этого.
	  if($(SubmitButton.get(0)).attr('disabled')) {
		return false;
	  }
	  // Устанавливаем на кнопку отправки формы блокировку повторной оптравки
	  SubmitButton.attr('disabled', true);
	  // Через 10 секунд блокировка отправки формы снимается.
	  setTimeout('SubmitButton.attr("disabled", false);', 10000);
	}
  }).validate();
на
$(document).ready(function(){
  // Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
  $('.order form, .feedbackForm, .clientForm, .goodsDataOpinionAddForm').validate().submit(function(){
	if($(this).valid()) {
	  // Кнопка отправки формы
	  SubmitButton = $(this).find('input:submit, button:submit');
	  // Если кнопку уже нажали, видимо отправка формы производилась по нажатию на кнопку enter, не допускаем этого.
	  if($(SubmitButton.get(0)).attr('disabled')) {
		return false;
	  }
	  // Устанавливаем на кнопку отправки формы блокировку повторной отправки
	  SubmitButton.attr('disabled', true);
	  // Через 10 секунд блокировка отправки формы снимается.
	  setTimeout('SubmitButton.attr("disabled", false);', 10000);
	}
  });

Обратно в Другие вопросы дизайна


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

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

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