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


Слайдер

Автор ole26rus, 11 окт. 2013 00:18

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

#1 ole26rus

ole26rus

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

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

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

Подскажите пожалуйста, как оптимизировать слайдер под этот шаблон.

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

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

#2 Сake

Сake

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

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

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

Добавьте в ваш файл стилей main.css

.theme-default {
  position: relative;
}
.nivo-controlNav {
  bottom: 0 !important;
}
.nivoSlider img {
  max-width: inherit !important;
}
#slider {
  width: auto !important;
}

#3 ole26rus

ole26rus

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

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

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

спасибо, все получилось)

#4 ole26rus

ole26rus

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

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

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

Просмотр сообщенияСake (11 Октябрь 2013 - 02:49) писал:

Добавьте в ваш файл стилей main.css

.theme-default {
position: relative;
}
.nivo-controlNav {
bottom: 0 !important;
}
.nivoSlider img {
max-width: inherit !important;
}
#slider {
width: auto !important;
}


еще подскажите пожалуйста, как сделать, чтобы человек при нажатии на картинку слайдера переходил к этому товару в каталог магазина?

#5 Stasya

Stasya

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

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

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

Вам  необходимо каждую картинку обернуть в ссылку. То есть в коде слайдера 
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}
найти строки 
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
и заменить их на 
<a href="ссылка"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /></a>
Здесь заместо слова ссылка поставьте ссылку, куда должны ссылаться картинка.

#6 ole26rus

ole26rus

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

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

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

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

Вам  необходимо каждую картинку обернуть в ссылку. То есть в коде слайдера 
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}
найти строки 
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
и заменить их на 
<a href="ссылка"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /></a>
Здесь заместо слова ссылка поставьте ссылку, куда должны ссылаться картинка.

спасибо сейчас попробую, а еще подскажите пожалуйста как вставить виджет группы ВКонтакте между "каталогом" и "историей просмотра"

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

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

#7 Koderhan

Koderhan

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

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

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

Просмотр сообщенияole26rus (11 Октябрь 2013 - 15:21) писал:

спасибо сейчас попробую, а еще подскажите пожалуйста как вставить виджет группы ВКонтакте между "каталогом" и "историей просмотра"
Код виджета можно добавить сразу после кода:
<!-- Вывод левого меню  -->
<div id="leftcolum" class="fleft">
  <div class="block">
	 <div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span>магазина</span></a></div>
		<div class="main ullinks fntarl fnt12">
			<ul>
			  {% IFNOT catalog_empty %}
				{% FOR catalog %}
				  {% IFNOT catalog.HIDE %}
					<li class="{% IF catalog.LEVEL>0%}anone{% ENDIF %} {% IF catalog.CURRENT %}fnt12 b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="margin-left:15px; background:#be91cf; color:#fff;padding-left:{catalog.LEVEL | multiply("10")}px"{% ENDIF %}>{catalog.NAME}</a></li>
				  {% ENDIF %}
				{% ENDFOR %}
			  {% ENDIF %}
			</ul>
  </div>
		<div class="bottom"></div>
</div>

В файле HTML.
Код виджета лучше обвирнуть в див с специальным классом.
  <div class="group-vk">
	<!-- Тут код виджета вк -->
  </div>

#8 ole26rus

ole26rus

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

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

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

Просмотр сообщенияKoderhan (11 Октябрь 2013 - 15:26) писал:

Код виджета можно добавить сразу после кода:
<!-- Вывод левого меню -->
<div id="leftcolum" class="fleft">
<div class="block">
	 <div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span>магазина</span></a></div>
	 <div class="main ullinks fntarl fnt12">
		 <ul>
			 {% IFNOT catalog_empty %}
			 {% FOR catalog %}
				 {% IFNOT catalog.HIDE %}
				 <li class="{% IF catalog.LEVEL>0%}anone{% ENDIF %} {% IF catalog.CURRENT %}fnt12 b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="margin-left:15px; background:#be91cf; color:#fff;padding-left:{catalog.LEVEL | multiply("10")}px"{% ENDIF %}>{catalog.NAME}</a></li>
				 {% ENDIF %}
			 {% ENDFOR %}
			 {% ENDIF %}
		 </ul>
</div>
	 <div class="bottom"></div>
</div>

В файле HTML.
Код виджета лучше обвирнуть в див с специальным классом.
<div class="group-vk">
<!-- Тут код виджета вк -->
</div>


подскажите, что еще нужно сделать, а то что то не получается

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

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

#9 Koderhan

Koderhan

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

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

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

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

подскажите, что еще нужно сделать, а то что то не получается
Вам нужно сгенерировать код для своей группы вк на сайте vk.com
И вставить получившийся код на место.

Цитата

<!-- Тут код виджета вк -->

#10 ole26rus

ole26rus

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

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

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

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

Вам нужно сгенерировать код для своей группы вк на сайте vk.com
И вставить получившийся код на место.


все сделал, но ничего не появилось.

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

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

#11 sengun

sengun

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

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

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

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

все сделал, но ничего не появилось.
Здравствуйте. Вам нужно сгенерировать код виджета для вставки здесь. Его и нужно будет вставить вместо
<http://vk.com/club23129705>

#12 ole26rus

ole26rus

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

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

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

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

Здравствуйте. Вам нужно сгенерировать код виджета для вставки здесь. Его и нужно будет вставить вместо
<http://vk.com/club23129705>

спасибо большое, все получилось)) просто не очень силен в этих нюансах))

#13 ole26rus

ole26rus

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

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

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

подскажите как перенести раздел "хиты продаж" из нижней части страницы в левую под каталог магазина.

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

  • 222.png

#14 Koderhan

Koderhan

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

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

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

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

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

#15 ole26rus

ole26rus

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

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

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

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

Данные манипуляции привидут к ухудшению отображения сайта на мобильных устройствах.
все понял, спасибо.

подскажите, возможно ли на главной странице в разделе "наш каталог товаров" уменьшить окошки товаров, чтобы отображалось по горизонтали по 4, а не по 3.

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

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

#16 sengun

sengun

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

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

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

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

подскажите как перенести раздел "хиты продаж" из нижней части страницы в левую под каталог магазина.

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

Данные манипуляции привидут к ухудшению отображения сайта на мобильных устройствах.
В шаблоне HTML удалите весь код (~58 строк) между строками 
<!-- Список хитов главной -->
и
<!-- end-Список хитов главной -->
И далее перед строкой
<div class="group-vk">
вставьте такой код
  <div class="block">
	<!-- Список хитов главной -->
	{% IFNOT index_page_favorites_goods_empty %}
	{% FOR index_page_favorites_goods %}   
	<!-- Вывод каталога списком -->
	  <div class="goodlist padd51 clr over">
		 <div class="title fnt12 fntarl clr fleftul"><ul><li><a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">Хит продаж</a></li></ul>
		 <a href="{index_page_favorites_goods.URL}" class="fleft" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">{index_page_favorites_goods.NAME}</a>		 
		 </div>
		  <div class="goodlistmain over clr">
			<div class="img txtalgncnt padd50 fleft"><a href="{index_page_favorites_goods.URL}"><img {% IF index_page_favorites_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" {% ELSE %}src="{index_page_favorites_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_favorites_goods.NAME}" /></a></div>
			<div class="goodinfo fnt11 fntarl fleft">{index_page_favorites_goods.DESCRIPTION_SHORT}</div> 
			  <div class="priceblock fright">
					 <div class="price over">
						<ul class="cost fnt11 fntupcase txtalgnlft fntarl fleft ">
						<li class="only">Цена: {index_page_favorites_goods.MIN_PRICE_NOW | money_format}</li>
						{% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
						<li class="last linethrough">Старая цена:
						  {index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}
						</li>
						{% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
						<li class="last linethrough">Старая цена:
						{index_page_favorites_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}
						</li>
						{% ENDIF %}
						</ul>
						<!-- Если товара нет в наличие и в настройках отключена возможность класть -->
						{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_favorites_goods.MAX_REST_VALUE==0 %}
						{%ELSE%}
						  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_favorites_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
							<div>
							  <input type="hidden" name="hash" value="{HASH}" />
							  <input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
							  <input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
							  <a class="orangebut fnt11 fntarl txtalgncnt fright fntupcase anone0" onclick="$('#goodsListFormId{index_page_favorites_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={index_page_favorites_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_favorites_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_favorites_goods.NAME}&raquo; в корзину">Купить</a>
							</div>
						  </form>
						{%ENDIF%}
					</div>
				  <ul class="links fnt11 fntupcase aunder">
						<!-- Если в тарифном плане подключен модуль сравнения товаров -->
						{% IF TARIFF_FEATURE_GOODS_COMPARE %}
						  <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
						  {% IFNOT SETTINGS_COMPARE_DISABLE %}
							 {% IF index_page_favorites_goods.IS_HAS_IN_COMPARE_LIST %}
									<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_favorites_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_favorites_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_favorites_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить товар</a>
								  {% ENDIF %}

						  {% ENDIF %}
						{% ENDIF %}
				   <li><a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">Подробная информация </a></li>
				  </ul>
			  </div>
		  </div>
	   </div>
	   <div id="hr"></div>
	  <!-- Вывод каталога списком -->
	  {% ENDFOR index_page_goods %}
	  {% ENDIF %}
	  <!-- end-Список хитов главной -->   
  </div>
И добавьте в конец main.css такой код
.block .goodlist .title {
width: 97%;
height: 27px;
padding: 0;
line-height: 25px;
}
.block .goodlist .goodlistmain {
width: 98%;
}
.block #hr {
width: 102%;
}
.block .goodlist .goodlistmain .img {
width: 50%;
}
.block .goodlist .goodlistmain .goodinfo {
width: 45%;
}
.block .goodlist .goodlistmain .priceblock {
width: 97%;
}
.block .goodlist .goodlistmain .priceblock .price {
height: 21px;
padding: 3px 0px 3px 0px;
line-height: 21px;
}
.block .goodlist .goodlistmain .priceblock ul.links {
padding: 0em 0.5em;
}
В этом случае проверил как будет отображаться сайт в мобильном устройстве - проблем не обнаружил.

Еще хочу заметить, что в коде в HTML 
		<<script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "250", height: "350"}, 23129705);
</script>>
в начале и в конце стоит по лишней скобке (знаки "больше" и "меньше"), которые отображаются у вас перед и после группы вконтакте на сайте. Думаю, стоит удалить эти символы.

#17 sengun

sengun

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

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

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

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

все понял, спасибо.

подскажите, возможно ли на главной странице в разделе "наш каталог товаров" уменьшить окошки товаров, чтобы отображалось по горизонтали по 4, а не по 3.
В шаблоне HTML последнюю строку участка кода
<span class="l fleft"></span><span>наш каталог &nbsp;</span><span class="fnt16 b">товаров</span><span class="r fright"></span>
	 </a>
</div>
<!--Вывод товаров таблицей-->
<div class="goodstabl clr">
замените на эту
<div class="goodstabl clr rows4">
И в конец main.css добавьте такой код
.rows4 .goodstable {
width: 170px;
}
.rows4 .price {
min-width: 150px;
}
.rows4 .goodstable .maingoodstable .img img {
max-width: 150px;
max-height: 150px;
}

#18 ole26rus

ole26rus

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

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

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

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

В шаблоне HTML удалите весь код (~58 строк) между строками 
<!-- Список хитов главной -->
и
<!-- end-Список хитов главной -->
И далее перед строкой
<div class="group-vk">
вставьте такой код
<div class="block">
<!-- Список хитов главной -->
{% IFNOT index_page_favorites_goods_empty %}
{% FOR index_page_favorites_goods %}
<!-- Вывод каталога списком -->
	 <div class="goodlist padd51 clr over">
		 <div class="title fnt12 fntarl clr fleftul"><ul><li><a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">Хит продаж</a></li></ul>
		 <a href="{index_page_favorites_goods.URL}" class="fleft" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">{index_page_favorites_goods.NAME}</a>		
		 </div>
		 <div class="goodlistmain over clr">
		 <div class="img txtalgncnt padd50 fleft"><a href="{index_page_favorites_goods.URL}"><img {% IF index_page_favorites_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" {% ELSE %}src="{index_page_favorites_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_favorites_goods.NAME}" /></a></div>
		 <div class="goodinfo fnt11 fntarl fleft">{index_page_favorites_goods.DESCRIPTION_SHORT}</div>
			 <div class="priceblock fright">
					 <div class="price over">
					 <ul class="cost fnt11 fntupcase txtalgnlft fntarl fleft ">
					 <li class="only">Цена: {index_page_favorites_goods.MIN_PRICE_NOW | money_format}</li>
					 {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
					 <li class="last linethrough">Старая цена:
						 {index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}
					 </li>
					 {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
					 <li class="last linethrough">Старая цена:
					 {index_page_favorites_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}
					 </li>
					 {% ENDIF %}
					 </ul>
					 <!-- Если товара нет в наличие и в настройках отключена возможность класть -->
					 {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_favorites_goods.MAX_REST_VALUE==0 %}
					 {%ELSE%}
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_favorites_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
						 <div>
							 <input type="hidden" name="hash" value="{HASH}" />
							 <input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
							 <input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
							 <a class="orangebut fnt11 fntarl txtalgncnt fright fntupcase anone0" onclick="$('#goodsListFormId{index_page_favorites_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={index_page_favorites_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_favorites_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_favorites_goods.NAME}&raquo; в корзину">Купить</a>
						 </div>
						 </form>
					 {%ENDIF%}
				 </div>
				 <ul class="links fnt11 fntupcase aunder">
					 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
					 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
						 <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
						 {% IFNOT SETTINGS_COMPARE_DISABLE %}
							 {% IF index_page_favorites_goods.IS_HAS_IN_COMPARE_LIST %}
								 <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_favorites_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_favorites_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_favorites_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить товар</a>
								 {% ENDIF %}

						 {% ENDIF %}
					 {% ENDIF %}
				 <li><a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">Подробная информация </a></li>
				 </ul>
			 </div>
		 </div>
	 </div>
	 <div id="hr"></div>
	 <!-- Вывод каталога списком -->
	 {% ENDFOR index_page_goods %}
	 {% ENDIF %}
	 <!-- end-Список хитов главной -->
</div>
И добавьте в конец main.css такой код
.block .goodlist .title {
width: 97%;
height: 27px;
padding: 0;
line-height: 25px;
}
.block .goodlist .goodlistmain {
width: 98%;
}
.block #hr {
width: 102%;
}
.block .goodlist .goodlistmain .img {
width: 50%;
}
.block .goodlist .goodlistmain .goodinfo {
width: 45%;
}
.block .goodlist .goodlistmain .priceblock {
width: 97%;
}
.block .goodlist .goodlistmain .priceblock .price {
height: 21px;
padding: 3px 0px 3px 0px;
line-height: 21px;
}
.block .goodlist .goodlistmain .priceblock ul.links {
padding: 0em 0.5em;
}
В этом случае проверил как будет отображаться сайт в мобильном устройстве - проблем не обнаружил.

Еще хочу заметить, что в коде в HTML 
	 <<script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "250", height: "350"}, 23129705);
</script>>
в начале и в конце стоит по лишней скобке (знаки "больше" и "меньше"), которые отображаются у вас перед и после группы вконтакте на сайте. Думаю, стоит удалить эти символы.

спасибо все работает, еще такой вопрос возможно ли на главной странице в разделе "наш каталог товаров" уменьшить окошки товаров, чтобы отображалось по горизонтали по 4, а не по 3.

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

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

#19 sengun

sengun

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

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

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

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

спасибо все работает, еще такой вопрос возможно ли на главной странице в разделе "наш каталог товаров" уменьшить окошки товаров, чтобы отображалось по горизонтали по 4, а не по 3.

Да, конечно, инструкция уже отправлена перед вашим сообщением.

#20 ole26rus

ole26rus

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

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

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

Просмотр сообщенияsengun (11 Октябрь 2013 - 21:31) писал:

Да, конечно, инструкция уже отправлена перед вашим сообщением.

да спасибо, не обратил внимания,

еще такой вопрос, я хочу изменить фон на сайте вставив картинку, сделал вот так "картинка", но почему то фон не меняется, что не так?

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

В шаблоне HTML последнюю строку участка кода
<span class="l fleft"></span><span>наш каталог &nbsp;</span><span class="fnt16 b">товаров</span><span class="r fright"></span>
	 </a>
</div>
<!--Вывод товаров таблицей-->
<div class="goodstabl clr">
замените на эту
<div class="goodstabl clr rows4">
И в конец main.css добавьте такой код
.rows4 .goodstable {
width: 170px;
}
.rows4 .price {
min-width: 150px;
}
.rows4 .goodstable .maingoodstable .img img {
max-width: 150px;
max-height: 150px;
}

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

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

Обратно в Главная


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

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

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