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


Помогите Навести Порядок На Главной

Автор Андрей.Мезенин, 12 сент. 2014 09:36

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

#1 Андрей.Мезенин

Андрей.Мезенин

    Пользователь

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

Отправлено 12 Сентябрь 2014 - 09:36

Добрый день! Подскажите пожалуйста как мне навести порядок на странице? А именно, на главной странице до раздела новинки у меня полный порядок, т.е. есть стрелки в право и влево и можно листать товар. А вот уже в разделе новинки твориться бардак, товара много не добавишь т. к. там потом не разберешься, как мне вставить такие же стрелочки в остальные разделы, т.е. в новинки, хиты продаж и т. д.

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

  • Безымянный1.png
  • Безымянный.png

#2 Dars

Dars

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

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

Отправлено 12 Сентябрь 2014 - 09:52

Просмотр сообщенияСалам (12 Сентябрь 2014 - 09:36) писал:

Добрый день! Подскажите пожалуйста как мне навести порядок на странице? А именно, на главной странице до раздела новинки у меня полный порядок, т.е. есть стрелки в право и влево и можно листать товар. А вот уже в разделе новинки твориться бардак, товара много не добавишь т. к. там потом не разберешься, как мне вставить такие же стрелочки в остальные разделы, т.е. в новинки, хиты продаж и т. д.

Просмотр сообщенияСалам (12 Сентябрь 2014 - 09:36) писал:

Добрый день! Подскажите пожалуйста как мне навести порядок на странице? А именно, на главной странице до раздела новинки у меня полный порядок, т.е. есть стрелки в право и влево и можно листать товар. А вот уже в разделе новинки твориться бардак, товара много не добавишь т. к. там потом не разберешься, как мне вставить такие же стрелочки в остальные разделы, т.е. в новинки, хиты продаж и т. д.
Здравствуйте!
В шаблоне HTML найдите код:

<section role="main">
		  <div class="containers2">
			{% FOR index_page_new_goods %}
			  <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;">
				  <div style="width: 193px;position: relative;overflow:hidden;">
					<a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">
				  <img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
					</a>
				  </div>
			  <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3>
				  <div class="price">
					<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
					{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
					  <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
					  <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}
				  </div>
				  <div class="rating">
					<!-- Среднее значение по результатам всех отзывов об этом товаре -->
					{% IF index_page_new_goods.OPINION_RATING_VALUE %}
					  <img src="{FORALL_IMAGES_PATH}stars/{index_page_new_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_new_goods.OPINION_RATING_VALUE}" />
					{% ENDIF %}
				   
					{% IF index_page_new_goods.OPINION_RATING_CNT_ALL>0 %}
					  <a href="{index_page_new_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_new_goods.OPINION_RATING_CNT_ALL})</a>
					{% ELSE %}
					  <a href="{index_page_new_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
					{% ENDIF %}
				  </div>
				  <div class="buy-item">
					<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
					 <div>
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
						<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
						<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину" />В корзину</button-->
						<button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
					  </div>
					</form>
				  </div>
				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
					  {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
						<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
					  {% ELSE %}
						<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
					  {% ENDIF %}
					{% ENDIF %}
				  {% ENDIF %}
			  </div>
			{% ENDFOR index_page_new_goods %}
		  </div>
		</section>

замените на:

<script type="text/javascript">
		  jQuery(function() {
		  $.fn.startCarousel = function() {
			  var bodywidth = $('.container').width(),
			itemwidth = $('.mycarousel li').outerWidth(true), 
			mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth%itemwidth : itemwidth,
			licount = $('.mycarousel li').size(),
			jscroll = 1;
		   
		   if(licount > mycontwidth/itemwidth){
			jscroll =  mycontwidth/itemwidth;
		   } else {
			jscroll = 0;
			mycontwidth = licount * itemwidth;
		   }
		   $('.mycont').width(mycontwidth); 
			 $('.mycarousel').jcarousel({
			scroll:jscroll,
			  wrap: 'circular'
			 });
		   };
		  $(this).startCarousel();
		  $(window).resize(function(){
		   $(this).startCarousel();
		  });
		  $('.mycarousel').jcarousel();
		});
	  </script>
	  <div class="mycont">
		<ul class="mycarousel">
		  {% FOR index_page_new_goods %}
			<li>
			  <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_new_goods.NAME}</a></h3>
			  <div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
				<a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">
				 <img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
				</a>
			  </div>
			  <div class="price">
				<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
				{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
				  <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
				  <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </div>
			  <div class="rating">
				<!-- Среднее значение по результатам всех отзывов об этом товаре -->
				{% IF index_page_new_goods.OPINION_RATING_VALUE %}
				  <img src="{FORALL_IMAGES_PATH}stars/{index_page_new_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_new_goods.OPINION_RATING_VALUE}" />
				{% ENDIF %}
			   
				{% IF index_page_new_goods.OPINION_RATING_CNT_ALL>0 %}
				  <a href="{index_page_new_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_new_goods.OPINION_RATING_CNT_ALL})</a>
				{% ELSE %}
				  <a href="{index_page_new_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
				{% ENDIF %}
			  </div>
			  <div class="buy-item">
			 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
				  <div>
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
					<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
					<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_goods.NAME}&raquo; в корзину" />В корзину</button-->
					<button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
				  </div>
				</form>
			  </div>
			  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
				<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
				{% IFNOT SETTINGS_COMPARE_DISABLE %}
				  {% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
					<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
				  {% ELSE %}
					<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
				  {% ENDIF %}
				{% ENDIF %}
			  {% ENDIF %}
			</li>
		  {% ENDFOR %}
		</ul>
	  </div>

#3 Андрей.Мезенин

Андрей.Мезенин

    Пользователь

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

Отправлено 12 Сентябрь 2014 - 16:42

Спасибо! Вы молодцы!!! :)

#4 Андрей.Мезенин

Андрей.Мезенин

    Пользователь

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

Отправлено 12 Сентябрь 2014 - 16:54

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

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

  • Безымянный01.png
  • Безымянный02.png

#5 MikDark

MikDark

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

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

Отправлено 12 Сентябрь 2014 - 17:59

Просмотр сообщенияСалам (12 Сентябрь 2014 - 16:54) писал:

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

Неровность происходит из-за того, что у Вас название разного размера и некоторые уходят в несколько строк. К сожалению, сделать не получится.

#6 Андрей.Мезенин

Андрей.Мезенин

    Пользователь

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

Отправлено 14 Сентябрь 2014 - 15:57

Просмотр сообщенияMikDark (12 Сентябрь 2014 - 17:59) писал:

Неровность происходит из-за того, что у Вас название разного размера и некоторые уходят в несколько строк. К сожалению, сделать не получится.
Не ужели только название влияет на это? Я пробовал увеличить картинку, но все не то, может все же можно что то изменить в шаблоне?

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

  • Безымянный.png
  • Безымянный1.jpg

#7 Alekseys

Alekseys

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

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

Отправлено 14 Сентябрь 2014 - 16:21

Просмотр сообщенияСалам (14 Сентябрь 2014 - 15:57) писал:

Не ужели только название влияет на это? Я пробовал увеличить картинку, но все не то, может все же можно что то изменить в шаблоне?
Здравствуйте. В конец style.css добавьте
li img {
height: 200px;
}
li h3 {
height: 5em;
}
.items.masonry-brick img {
height: 95px;
}
.items.masonry-brick h3 {
height: 5em;
}

#8 Андрей.Мезенин

Андрей.Мезенин

    Пользователь

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

Отправлено 14 Сентябрь 2014 - 16:41

Просмотр сообщенияAlekseys (14 Сентябрь 2014 - 16:21) писал:

Здравствуйте. В конец style.css добавьте
li img {
height: 200px;
}
li h3 {
height: 5em;
}
.items.masonry-brick img {
height: 95px;
}
.items.masonry-brick h3 {
height: 5em;
}
Спасибо Вам большое!!!)))
Обратно в Главная


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

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

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