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


Добавление Блоков На Сайт

Автор alkazare, 03 дек. 2012 04:52

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

#181 support 2.0

support 2.0

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

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

Отправлено 29 Июнь 2014 - 20:32

Просмотр сообщенияTheweatherisgood (28 Июнь 2014 - 15:52) писал:

Вообщем ответьте, пожалуйста, тут, на эти вопросы и еще:
1.Как сделать боковую карусель просмотренных товаров, с отображением 5ти последних, либо ограничить число отображаемых просмотренных товаров до 5ти (но лучше карусель).

1. в шаблоне HTML сразу после
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
вставьте
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}skin.css" />
	
	 <script type="text/javascript">
	 jQuery(document).ready(function() {
	 jQuery('#mycarousel').jcarousel({
		 wrap: 'circular',
		 vertical: true,
		 scroll: 2
	 });
	 });
	 </script>

теперь загрузите на компьютер прикрепленный файл, разархивируйте и загрузите 3 файла в раздел сайт -> редактор шаблонов

далее в шаблоне HTML найдите блок "вы смотрели"
<!-- Недавно просмотренные товары -->
		 {% IFNOT recently_viewed_goods_empty %}
		 <div class="box recent">
			 <div class="box-heading">Вы смотрели</div>
			 <div class="box-content">
{% FOR recently_viewed_goods %}
<div class="prod_hold_recent">
				 <div>
					 <div class="image goods-image-icon-square"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"></a></div>
					 <div class="prod_hold_right">
					 <div class="name"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}" style="*height:;">{recently_viewed_goods.NAME}</a></div>
					 <div class="price">
						 {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
						 <span class="price-old">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br />
						 {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
						 <span class="price-old">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span><br />
						 {% ENDIF %}
						 <span class="price-new">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
					 </div>
					 </div>
				
					 <div class="cart">
					 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}">
						 <input type="hidden" name="hash" value="{HASH}" />
						 <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
						 <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
						 <a class="add_to_cart_small" onclick="quickorder('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a>
						 <!--a class="add_to_cart_small" onclick="$('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
					 </form>
					
					 <!-- Если есть возможность добавить товар в избранное -->
					 {% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %}
						 <a class="add_to_wishlist_small added"
						 data-action-is-add="0"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
						 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
						 title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
						 href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						 >Удалить из избранного</a>
					 {% ELSE %}
						 <a class="add_to_wishlist_small"
						 data-action-is-add="1"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
						 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
						 title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						 >Добавить в избранное</a>
					 {% ENDIF %}
					 <!-- END Если есть возможность добавить товар в избранное -->
					
					 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						 {% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
						 <a class="add_to_compare_small added"
							 data-action-is-add="0"
							 data-action-add-url="{COMPARE_ADD_URL}"
							 data-action-delete-url="{COMPARE_DELETE_URL}"
							 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
							 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
							 title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
							 href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 >убрать из сравнения</a>
						 {% ELSE %}
						 <a class="add_to_compare_small"
							 data-action-is-add="1"
							 data-action-add-url="{COMPARE_ADD_URL}"
							 data-action-delete-url="{COMPARE_DELETE_URL}"
							 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
							 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
							 title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
							 href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 >Сравнить</a>
						 {% ENDIF %}
					 {% ENDIF %}
					 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					 <div class="clear"></div>
					 </div>
				 </div>
				 </div>
{% ENDFOR %}
</div>
		 </div>
		 {% ENDIF %}
		 <!-- END Недавно просмотренные товары -->
	 </div>
замените его на
<!-- Недавно просмотренные товары -->
		 {% IFNOT recently_viewed_goods_empty %}
		 <div class="box recent">
			 <div class="box-heading">Вы смотрели</div>
			 <div class="box-content">
			 <ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
			 {% FOR recently_viewed_goods %}
			 <li>
				 <div class="prod_hold_recent">
				 <div>
					 <div class="image goods-image-icon-square"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"></a></div>
					 <div class="prod_hold_right">
					 <div class="name"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}" style="*height:;">{recently_viewed_goods.NAME}</a></div>
					 <div class="price">
						 {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
						 <span class="price-old">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br />
						 {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
						 <span class="price-old">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span><br />
						 {% ENDIF %}
						 <span class="price-new">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
					 </div>
					 </div>
				
					 <div class="cart">
					 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}">
						 <input type="hidden" name="hash" value="{HASH}" />
						 <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
						 <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
						 <a class="add_to_cart_small" onclick="quickorder('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a>
						 <!--a class="add_to_cart_small" onclick="$('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
					 </form>
					
					 <!-- Если есть возможность добавить товар в избранное -->
					 {% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %}
						 <a class="add_to_wishlist_small added"
						 data-action-is-add="0"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
						 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
						 title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
						 href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						 >Удалить из избранного</a>
					 {% ELSE %}
						 <a class="add_to_wishlist_small"
						 data-action-is-add="1"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
						 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
						 title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						 >Добавить в избранное</a>
					 {% ENDIF %}
					 <!-- END Если есть возможность добавить товар в избранное -->
					
					 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						 {% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
						 <a class="add_to_compare_small added"
							 data-action-is-add="0"
							 data-action-add-url="{COMPARE_ADD_URL}"
							 data-action-delete-url="{COMPARE_DELETE_URL}"
							 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
							 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
							 title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
							 href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 >убрать из сравнения</a>
						 {% ELSE %}
						 <a class="add_to_compare_small"
							 data-action-is-add="1"
							 data-action-add-url="{COMPARE_ADD_URL}"
							 data-action-delete-url="{COMPARE_DELETE_URL}"
							 data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
							 data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
							 title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
							 href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 >Сравнить</a>
						 {% ENDIF %}
					 {% ENDIF %}
					 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					 <div class="clear"></div>
					 </div>
				 </div>
				 </div>
					 </li>
			 {% ENDFOR %}
			 </ul>
			 </div>
		 </div>
		 {% ENDIF %}
		 <!-- END Недавно просмотренные товары -->
	 </div>

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

  • QIP Shot - Screen 541.png

Прикрепленные файлы


#182 support 2.0

support 2.0

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

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

Отправлено 29 Июнь 2014 - 21:22

Просмотр сообщенияTheweatherisgood (28 Июнь 2014 - 15:52) писал:

2.Как сделать следующую вещь - при нажатии на категорию в каталоге, нужно что бы сайт не прыгал на шапку, а прыгал на линию где - "Сортировать по:", Каталог, вид списка. И ооочень хотелось бы что бы Слово каталог в этой линии стал ссылкой на главную страницу (ну т.е. весь каталог, а то прям так и хочется туда нажать)
в шаблоне HTML найдите
<div class="box-heading">Каталог</div>
замените на
<div class="box-heading"><a href="{CATALOG_URL}#bar" style="text-decoration: none;">Каталог</a></div>

далее найдите
href="{catalog_full.URL}"
замените на
href="{catalog_full.URL}#bar"

теперь в шаблоне Товары найдите
<div class="product-list2">
замените на
<div class="product-list2" id="bar">

далее найдите
href="{nested_categories_list.URL}"
замените на
href="{nested_categories_list.URL}#bar"

далее найдите
<div class="product-filter">
замените на
<div class="product-filter" id="bar">

#183 Theweatherisgood

Theweatherisgood

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

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

Отправлено 30 Июнь 2014 - 09:18

1. Карусель - отлично, то что нужно.
2.Каталог стал ссылкой-отлично. Остальное получилось...даже не знаю как сказать,ну зайдите посмотрите.
3. Еще был вопрос по добавлению блока в шапку. Т.е. На линии логотипа, будет еще картинка-кнопка, с услугами, нажатие на которую открывает соответствующую страницу. Для этого блока необходимы параметры редактирования, отступ вертикальный и горизонтальный, размер блока и возможность вставлять картинку, а так же ссылка на страницу.Вообще таких блока должно быть два, но второй с Вашей помощью, сделаю сам по образу первого. Пробывал вставить по программному образу логотипа, но не вышло.

#184 MikDark

MikDark

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

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

Отправлено 30 Июнь 2014 - 10:28

Просмотр сообщенияTheweatherisgood (30 Июнь 2014 - 09:18) писал:

1. Карусель - отлично, то что нужно.
2.Каталог стал ссылкой-отлично. Остальное получилось...даже не знаю как сказать,ну зайдите посмотрите.
3. Еще был вопрос по добавлению блока в шапку. Т.е. На линии логотипа, будет еще картинка-кнопка, с услугами, нажатие на которую открывает соответствующую страницу. Для этого блока необходимы параметры редактирования, отступ вертикальный и горизонтальный, размер блока и возможность вставлять картинку, а так же ссылка на страницу.Вообще таких блока должно быть два, но второй с Вашей помощью, сделаю сам по образу первого. Пробывал вставить по программному образу логотипа, но не вышло.

В шаблоне HTML после строчки:
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}лого5.png" title="" alt=""></a></div>

Добавьте:
<div class="headbutton"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}картинка.png" title="" alt=""></a></div>

Далее в main.css добавляем:
.headbutton{float:left;}

и картинка.png меняем на свою.

#185 Theweatherisgood

Theweatherisgood

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

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

Отправлено 30 Июнь 2014 - 11:12

Местами спасибо, НО, это же не все. Вопрос 2 пожалуйста помогите уже сделать нормально. .headbutton{float:left;} - это куда добавить, конкретней, пожалуйста. И объясните с помощью чего можно тут редактировать размеры картинки и расположение? Вроде же как то через margin это делается

#186 MikDark

MikDark

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

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

Отправлено 30 Июнь 2014 - 11:19

Просмотр сообщенияTheweatherisgood (30 Июнь 2014 - 11:12) писал:

Местами спасибо, НО, это же не все. Вопрос 2 пожалуйста помогите уже сделать нормально. .headbutton{float:left;} - это куда добавить, конкретней, пожалуйста. И объясните с помощью чего можно тут редактировать размеры картинки и расположение? Вроде же как то через margin это делается

По второму вопросу произвели изменения. Добавить нужно в любое место, можно в самый конец шаблона.
В код:
.headbutton{float:left;}

добавьте строку:
margin-top: 10px; - отступ сверху
margin-left: 10px; - отступ слева.

Размеры изображения, добавляем в шаблон main.css:
.headbutton img{width: 150px;}

где 150px - ширина изображения.

#187 Theweatherisgood

Theweatherisgood

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

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

Отправлено 30 Июнь 2014 - 14:58

СПАСИБО! И последнее)) В карусели некоторые товары отображаются некорректно

#188 Ирина345

Ирина345

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

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

Отправлено 01 Июль 2014 - 13:25

Просмотр сообщенияTheweatherisgood (30 Июнь 2014 - 14:58) писал:

СПАСИБО! И последнее)) В карусели некоторые товары отображаются некорректно
Здравствуйте, уточните конкретно, что отображается некорректно.

#189 Theweatherisgood

Theweatherisgood

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

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

Отправлено 01 Июль 2014 - 13:53

Вот

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

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

#190 Ирина345

Ирина345

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

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

Отправлено 01 Июль 2014 - 14:02

Просмотр сообщенияTheweatherisgood (01 Июль 2014 - 13:53) писал:

Вот
Попробуте найди в skin.css
.jcarousel-skin-tango .jcarousel-item-vertical {
	margin-bottom: 10px;
}

замените на

.jcarousel-skin-tango .jcarousel-item-vertical {
	margin-bottom: 22px;
}

#191 Theweatherisgood

Theweatherisgood

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

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

Отправлено 01 Июль 2014 - 14:13

Попробовал. Там получается, что когда много товаров - расстояние разное у наименований. Может быть можно вставить какой то код, который автоматезировал бы одно расстояние между наименованиями. Пробовал margin-bottom: auto; - осталось без изменений.

#192 Ирина345

Ирина345

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

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

Отправлено 01 Июль 2014 - 15:28

Просмотр сообщенияTheweatherisgood (01 Июль 2014 - 14:13) писал:

Попробовал. Там получается, что когда много товаров - расстояние разное у наименований. Может быть можно вставить какой то код, который автоматезировал бы одно расстояние между наименованиями. Пробовал margin-bottom: auto; - осталось без изменений.
Найдите
.jcarousel-skin-tango .jcarousel-item {
	width: 120px;
	height: 150px;
}


.jcarousel-skin-tango .jcarousel-item-vertical {
	margin-bottom: 22px;
}
замените на

.jcarousel-skin-tango .jcarousel-item {
	width: 120px;
	height: auto;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
	margin-bottom: 5px;
}

#193 Theweatherisgood

Theweatherisgood

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

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

Отправлено 02 Июль 2014 - 10:35

Вот! отлично! Большое спасибо!

#194 psicore

psicore

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

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

Отправлено 26 Март 2015 - 20:23

Здравствуйте!Подскажите,пожалуйста,возник небольшой затуп :
1) нужно блоки сравнять с краями каркаса сайта
2) опять проблема с отображением времени.перепробовал все из этой темы -,ставишь большое значение-счетчик работает,если поменять на нужное,то он пропадает. нужно,чтобы отображалось 3 дня.

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

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

#195 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 27 Март 2015 - 10:13

Просмотр сообщенияpsicore (26 Март 2015 - 20:23) писал:

Здравствуйте!Подскажите,пожалуйста,возник небольшой затуп :
1) нужно блоки сравнять с краями каркаса сайта
2) опять проблема с отображением времени.перепробовал все из этой темы -,ставишь большое значение-счетчик работает,если поменять на нужное,то он пропадает. нужно,чтобы отображалось 3 дня.
Здравствуйте.
Попробуйте сделать следующее:
В шаблоне main.css найдите код:
.blocks>table {
  width: 989px;
  border-collapse: separate;
  border-spacing: 17px;
  margin: -9px 0px 0px 16px;
}
И замените его вот этим кодом:
.blocks>table {
  width: 1000px;
  border-collapse: separate;
  border-spacing: 5px;
}

#196 psicore

psicore

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

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

Отправлено 27 Март 2015 - 16:42

спасибо! все выровнялось.
а что по поводу таймера?

#197 Vaccina

Vaccina

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

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

Отправлено 01 Апрель 2015 - 03:17

В шаблоне HTML найдите:
<script language="javascript" type="text/javascript">
$(document).ready(function(){
	setInterval(function(){
		var now = new Date();
		var endTS = 1427902214*1000;
		var totalRemains = (endTS-now.getTime());
		if (totalRemains>1){
			var RemainsSec=(parseInt(totalRemains/1000));
			var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
			var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
			var RemainsFullHours=(parseInt(secInLastDay/3600));
			if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
			var secInLastHour=secInLastDay-RemainsFullHours*3600;
			var RemainsMinutes=(parseInt(secInLastHour/60));
			if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
			var lastSec=secInLastHour-RemainsMinutes*60;
			if (lastSec<10){lastSec="0"+lastSec};
			$('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
		}
		else {$(".timer").remove();}
	},1000);
});
</script>

замените на:
<script language="javascript" type="text/javascript">
function timer_revers( d, h, m, s ){
	today  = new Date();
	finish = d*24*60*60*1000 + h*60*60*1000 + m*60*1000 + s*1000
	endTS  = today.getTime() + finish;

	rev_intervalid = setInterval(function(){
		now = new Date();
		totalRemains = (endTS - now.getTime());
		if (totalRemains>1){
			RemainsSec=(parseInt(totalRemains/1000));
			RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
			secInLastDay=RemainsSec-RemainsFullDays*24*3600;
			RemainsFullHours=(parseInt(secInLastDay/3600));
			if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
			secInLastHour=secInLastDay-RemainsFullHours*3600;
			RemainsMinutes=(parseInt(secInLastHour/60));
			if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
			lastSec=secInLastHour-RemainsMinutes*60;
			if (lastSec<10){lastSec="0"+lastSec};
			$('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
		} else {
		   clearInterval(rev_intervalid);
		}
	},1000);
}

$(function(){
  timer_revers(0,72,0,0);
})
</script>

#198 psicore

psicore

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

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

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

Огромное спасибо!Как же я намучался с этим счетчиком...только вот теперь другая проблема : при обновлении страницы счетчик начинает отсчет заново,а мне надо,чтобы он отсчитывался до нуля и потом начинался по новой.

#199 Vaccina

Vaccina

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

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

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

<script language="javascript" type="text/javascript">
function timer_revers( d, h, m, s ){
	 today = new Date();
	 finish = d*24*60*60*1000 + h*60*60*1000 + m*60*1000 + s*1000
	 endTS = today.getTime() + finish;
	 rev_intervalid = setInterval(function(){
			 now = new Date();
			 totalRemains = (endTS - now.getTime());
			 if (totalRemains>1){
					 RemainsSec=(parseInt(totalRemains/1000));
					 RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
					 secInLastDay=RemainsSec-RemainsFullDays*24*3600;
					 RemainsFullHours=(parseInt(secInLastDay/3600));
					 if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
					 secInLastHour=secInLastDay-RemainsFullHours*3600;
					 RemainsMinutes=(parseInt(secInLastHour/60));
					 if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
					 lastSec=secInLastHour-RemainsMinutes*60;
					 if (lastSec<10){lastSec="0"+lastSec};
					 $('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
			 } else {
				 clearInterval(rev_intervalid);
			 }
	 },1000);
}
$(function(){
timer_revers(0,72,0,0);
})
</script>

замените на:
<script language="javascript" type="text/javascript">
function timer_revers(dateStart, d, h, m, s ){
	 today = new Date();
	 today.setTime(Date.parse(dateStart));
	 finish = d*24*60*60*1000 + h*60*60*1000 + m*60*1000 + s*1000
	 endTS = today.getTime() + finish;
	 rev_intervalid = setInterval(function(){
			 now = new Date();
			 totalRemains = (endTS - now.getTime());
			 if (totalRemains>1){
					 RemainsSec=(parseInt(totalRemains/1000));
					 RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
					 secInLastDay=RemainsSec-RemainsFullDays*24*3600;
					 RemainsFullHours=(parseInt(secInLastDay/3600));
					 if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
					 secInLastHour=secInLastDay-RemainsFullHours*3600;
					 RemainsMinutes=(parseInt(secInLastHour/60));
					 if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
					 lastSec=secInLastHour-RemainsMinutes*60;
					 if (lastSec<10){lastSec="0"+lastSec};
					 $('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
			 } else {
				 clearInterval(rev_intervalid);
			 }
	 },1000);
}
$(function(){
var dateStart = '07 Apr 2015 10:12';
timer_revers(dateStart, 0,72,0,0);
})
</script>

в данном коде добавлены точки начала и конца отсчета таймера

"07 Apr 2015 10:12" - дата начала
"0,72,0,0" - время, через которое закончится отсчет (дни, часы, минуты, секунды)
Обратно в Каталог товаров


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

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

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