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


Отображение Товаров На Главной


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

#1 Maksimov

Maksimov

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

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородНовосибирск

Отправлено 02 Апрель 2015 - 11:57

Здравствуйте.Скажите,как сделать так,что бы товары на главной отображались не в ряд,а таблицей,друг над другом,по четыре товара в ряд?

#2 Ирина345

Ирина345

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

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

Отправлено 02 Апрель 2015 - 12:04

Просмотр сообщенияMaksim3544 (02 Апрель 2015 - 11:57) писал:

Здравствуйте.Скажите,как сделать так,что бы товары на главной отображались не в ряд,а таблицей,друг над другом,по четыре товара в ряд?
Здравствуйте, найдите в шаблоне HTMl
 <div class="autumnshowcase_block group special_procducts">
	   <div class="title_block group">
				  <div class="carousel_controls">
				   <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
				   <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
				  </div>
				 </div>
	 <div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">
	 <ul>
				  {% FOR index_page_goods %}
					<li class="ajax_block_product item"> 
					  
замените на



			  <div class="autumnshowcase_block group special_procducts">
	   
	 <div>
	 <ul>
				  {% FOR index_page_goods %}
					<li class="ajax_block_product item"> 


далее найдите в style.css
.autumnshowcase_block li {
  position: relative;
  width: 210px;
  height: auto;
  margin: 0;
  padding: 0 30px 0 0;
  text-align: center;
}
замените на



.autumnshowcase_block li {
  position: relative;
  width: 210px;
  height: auto;
  margin: 0;
  padding: 0 30px 0 0;
  text-align: center;
  display: inline-block;
}
	  


#3 Maksimov

Maksimov

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

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородНовосибирск

Отправлено 02 Апрель 2015 - 12:21

Просмотр сообщенияИрина345 (02 Апрель 2015 - 12:04) писал:

Здравствуйте, найдите в шаблоне HTMl
<div class="autumnshowcase_block group special_procducts">
<div class="title_block group">
<div class="carousel_controls">
<a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
<a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
</div>
</div>
<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">
<ul>
{% FOR index_page_goods %}
<li class="ajax_block_product item">
замените на



<div class="autumnshowcase_block group special_procducts">

<div>
<ul>
{% FOR index_page_goods %}
<li class="ajax_block_product item"> 


далее найдите в style.css
.autumnshowcase_block li {
position: relative;
width: 210px;
height: auto;
margin: 0;
padding: 0 30px 0 0;
text-align: center;
}
замените на



.autumnshowcase_block li {
position: relative;
width: 210px;
height: auto;
margin: 0;
padding: 0 30px 0 0;
text-align: center;
display: inline-block;
}
Не совсем так получилось,товары по три в ряд отображаются,а нужно по четыре

Просмотр сообщенияMaksim3544 (02 Апрель 2015 - 12:18) писал:

Не совсем так получилось,товары по три в ряд отображаются,а нужно по четыре
И расстояние между кнопкой купить и следующим рядом подскажите пожалуйста как увеличить

#4 Alekseys

Alekseys

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

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

Отправлено 02 Апрель 2015 - 13:12

Просмотр сообщенияMaksim3544 (02 Апрель 2015 - 12:21) писал:

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

И расстояние между кнопкой купить и следующим рядом подскажите пожалуйста как увеличить
Здравствуйте. В style.css замените
.autumnshowcase_block li {
  position: relative;
  width: 210px;
  height: auto;
  margin: 0;
  padding: 0 30px 0 0;
  text-align: center;
}
на
.autumnshowcase_block li {
  position: relative;
  width: 210px;
  height: auto;
  margin: 0;
  padding: 0 30px 15px 0;
  text-align: center;
}





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

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