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


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


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

#1 Agaron

Agaron

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

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

Отправлено 23 Май 2013 - 17:54

У меня возник небольшой вопрос по новому шаблону. как сделать чтобы список товаров шел вниз. а не как сейчас прокруткой влево вправо? надеюсь понятно объяснил))

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

  • 23-05-2013 21-52-04.jpg


#2 Agaron

Agaron

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

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

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

И сразу чтобы не создавать новую тему задам такой вопрос. Увеличил логотип до необходимого размера, но у меня пропала контактная информация...или перекрылась логотипом....как это можно исправить? заранее большое спасибо)

#3 support 2.0

support 2.0

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

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

Отправлено 23 Май 2013 - 19:36

Просмотр сообщенияAgaron (23 Май 2013 - 18:34) писал:

И сразу чтобы не создавать новую тему задам такой вопрос. Увеличил логотип до необходимого размера, но у меня пропала контактная информация...или перекрылась логотипом....как это можно исправить? заранее большое спасибо)

Можно адрес или номер аккаунта Вашего сайта?

#4 Agaron

Agaron

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

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

Отправлено 23 Май 2013 - 19:49

Конечно) SL-193042

#5 Vaccina

Vaccina

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

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

Отправлено 24 Май 2013 - 04:24

Найдите в вашем шаблоне "HTML"

$('.mycont').width(mycontwidth); 
			 $('.mycarousel').jcarousel({
				scroll:jscroll,
				wrap:'circular'
			 });

и замените на

$('.mycont').width(mycontwidth); 
			 $('.mycarousel').jcarousel({
			   vertical:true,
			   scroll:jscroll,
			   wrap:'circular'
			 });

далее найдите

<div style="width: 100%;position: relative;height: 100%;overflow:hidden;">

и замените на

<div style="width: 100%;position: relative;overflow:hidden;">

далее в файле стилей style.css найдите

.mycarousel li{width:193px;margin:0 10px;text-align: center;}

и замените на

.mycarousel li{width:193px;margin:0 10px;text-align: center;height: 290px;}

далее найдите

.jcarousel-clip{overflow: hidden;}

и замените на

.jcarousel-clip{overflow: hidden;height: 290px;}

Цитата

Увеличил логотип до необходимого размера, но у меня пропала контактная информация...или перекрылась логотипом....как это можно исправить?

Вам необходимо удалить пустоту(обрезать) у вашего изображения логотипа, тем самым уменьшив его размер.

#6 Agaron

Agaron

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

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

Отправлено 24 Май 2013 - 20:07

Эх..не совсем так меня поняли) после изменений товары листаются вниз. а мне нужно чтобы без пролистывания они отображались. как в других шаблонах))) даже не знаю как еще объяснить...
А насчет логотипа не совсем понял...а нельзя без обрезания логотипа обойтись? просто сдвинуть список контактов вправо например?
извините за назойливость...шаблон замечательный, но эти две вещи очень смущают)

#7 Vaccina

Vaccina

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

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

Отправлено 25 Май 2013 - 04:34

Тогда вам необходимо удалить из шаблона "HTML"

<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>
	  {% ENDIF %}
	  <!-- /Список товаров на главной -->

и заменить на

<div style="clear: left"></div>
   </div>
	  {% ENDIF %}
	  <!-- /Список товаров на главной -->

далее в файле стилей style.css найти

.mycarousel li {
	margin: 0 10px;
	text-align: center;
	width: 193px;
}

и заменить на

.mycarousel li {
	margin: 0 10px;
	text-align: center;
	width: 193px;
	float: left;
}


#8 Agaron

Agaron

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

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

Отправлено 25 Май 2013 - 07:15

Спасибо большое)
А по поводу контактных данных как лучше сделать? не отображаются они сейчас к сожалению(

#9 Taisia

Taisia

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

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

Отправлено 25 Май 2013 - 15:55

в файле style.css

найдите код

.contacts {
float: left;
position: relative;
}

и замените его на код

.contacts {
float: left;
position: relative;
top: -95px;
left: 550px;
}


#10 Agaron

Agaron

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

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

Отправлено 25 Май 2013 - 16:19

ай спасибо))) очень помогли)




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

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