Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Видео На Сайте

Автор mark03, 13 окт. 2013 00:00

Авторизуйтесь для ответа в теме

Сообщений в теме: 114

#101 Vaccina

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

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

Отправлено 21 Декабрь 2013 - 03:16

Теперь в этой ссылке переходим на http://ryrych.github.io/rcarousel/
Там ищем фразу "Getting Started" и с нее начинаем работу.
Файл загружаем в редактор шаблонов.
Далее подключаем файлы в шаблоне HTML после <head>

<script type="text/javascript" src="path/widget/lib/jquery-1.7.1.min.js"></script>

- НЕ прописываем, у нас уже это есть и файл соответсвенно этот не загружаем.

Ниже блок вставляем в шаблон HTML в необходимом месте, это уже структура сама.

После структуры вставляем сл.указанный блок.

Ну а дальше перечисляют опции для карусели.

Наверх

#102 mark03

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

Пользователи
186 сообщений

Отправлено 21 Декабрь 2013 - 17:51

Vaccina (21 Декабрь 2013 - 03:16) писал:

Теперь в этой ссылке переходим на http://ryrych.github.io/rcarousel/
Там ищем фразу "Getting Started" и с нее начинаем работу.
Файл загружаем в редактор шаблонов.
Далее подключаем файлы в шаблоне HTML после <head>

<script type="text/javascript" src="path/widget/lib/jquery-1.7.1.min.js"></script>

- НЕ прописываем, у нас уже это есть и файл соответсвенно этот не загружаем.

Ниже блок вставляем в шаблон HTML в необходимом месте, это уже структура сама.

После структуры вставляем сл.указанный блок.

Ну а дальше перечисляют опции для карусели.

сделал проверьте, как подключить товары новинки к карусели?

Наверх

#103 miyako

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

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

Отправлено 22 Декабрь 2013 - 09:12

mark03 (21 Декабрь 2013 - 17:51) писал:

сделал проверьте, как подключить товары новинки к карусели?

Подобная задача решалась здесь - http://forum.storela...лож/#entry32986

Наверх

#104 mark03

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

Пользователи
186 сообщений

Отправлено 22 Декабрь 2013 - 17:32

Я сделал все с самого начала http://forum.storela...лож/#entry32986, все остальное удалил.Карусель есть, тока уехала,нет цен(((как поставить карусель вместо блока "новинки",чтоб не дублировались,с ценами и ровнее?Спасибо.

При клике на картинку я не перехожу на товар,как исправить?

Наверх

#105 mark03

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

Пользователи
186 сообщений

Отправлено 22 Декабрь 2013 - 17:46

mark03 (22 Декабрь 2013 - 17:32) писал:

Я сделал все с самого начала http://forum.storela...лож/#entry32986, все остальное удалил.Карусель есть, тока уехала,нет цен(((как поставить карусель вместо блока "новинки",чтоб не дублировались,с ценами и ровнее?Спасибо.

При клике на картинку я не перехожу на товар,как исправить?

далее добавил 1. В HTML находим

2. Вставляем после этого текста
{% IF index_page %}
                                  <script type="text/javascript">
           jQuery(document).ready(function() {
                // Initialise the first and second carousel by class selector.
  // Note that they use both the same configuration options (none in this case).
                   jQuery('.d-carousel .carousel').jcarousel({
                                scroll: 1
                });
   });
</script>
{% IFNOT index_page_goods_empty %}
                                <h2>Интересные предложения</h2>
                                 <table>
                                  <tr>
                                   
          <div id="wrapper">
                <div class="d-carousel">
                  <ul class="carousel">
                                   {% FOR index_page_goods %}
                                        <li
                                                < class="goodsListItemBlock withBorder cornerAll">
                                                <div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a>
                                                <h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
                                                <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
                                                {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
                                                        <br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
                                                  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
                                                        <br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
                                                  {% ENDIF %}
                                                </div>
                                          {% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("100","</tr><tr>","")}{% ENDIF %}
                                   {% ENDFOR index_page_goods %}
                                  </ul>
                                </div>
                          <div class="clear"></div>
                         </div>
          
                {% ENDIF %}
                          </tr>
                                </table>
                          {% ENDIF %}
                          

и вообще улет, так печально на главной стало(((помогите!

Наверх

#106 mark03

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

Пользователи
186 сообщений

Отправлено 23 Декабрь 2013 - 04:31

mark03 (22 Декабрь 2013 - 17:46) писал:

далее добавил 1. В HTML находим

2. Вставляем после этого текста
{% IF index_page %}
  <script type="text/javascript">
   jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
  // Note that they use both the same configuration options (none in this case).
   jQuery('.d-carousel .carousel').jcarousel({
scroll: 1
});
   });
</script>
{% IFNOT index_page_goods_empty %}
<h2>Интересные предложения</h2>
<table>
  <tr>
   
  <div id="wrapper">
<div class="d-carousel">
  <ul class="carousel">
   {% FOR index_page_goods %}
<li
< class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a>
<h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
  {% ENDIF %}
</div>
  {% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("100","</tr><tr>","")}{% ENDIF %}
   {% ENDFOR index_page_goods %}
  </ul>
</div>
  <div class="clear"></div>
</div>
  
{% ENDIF %}
  </tr>
</table>
  {% ENDIF %}
  

и вообще улет, так печально на главной стало(((помогите!

бэкапнул(((
карусель только на новинки нужно,плиз помогите!желательно автоматическая

Наверх

#107 miyako

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

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

Отправлено 23 Декабрь 2013 - 12:13

mark03 (23 Декабрь 2013 - 04:31) писал:

бэкапнул(((
карусель только на новинки нужно,плиз помогите!желательно автоматическая

Еще раз воспользуйтесь инструкцией, но вместо кода -

{% IF index_page %}
				 <script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1
});
});
</script>
<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
		 {% FOR index_page_new_goods %}
		 <li> <a href="#"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
				 <h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
				 <p>{index_page_new_goods.DESCRIPTION_SHORT}</p>
		 </li>
		 {% ENDFOR index_page_new_goods %}
		 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->
{% ENDIF %}

добавьте -

{% IF index_page %}
				 <script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1
});
});
</script>
<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
		 {% FOR index_page_new_goods %}
		
		 <li> <a href="#"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
				 <h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
			
					 <div class="goodsListItemPriceNew"><div style=" margin-top: 5px; float:right; background: url({ASSETS_IMAGES_PATH}cena.jpg); width:126px; height:40px;">
							 <div style="margin-top:8px;" class="cena">
							 <a href="{index_page_new_goods.URL_MAX_PRICE_NOW}">&nbsp;&nbsp;{index_page_new_goods.MAX_PRICE_NOW | money_format}</a>
						 </div> </div> </div>
						 <div class="goodsListItemPriceOld">
							 {% IF index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MAX_PRICE_NOW %}
							 <a href="{index_page_new_goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							 {% ELSEIF index_page_new_goods.MAX_PRICE_OLD>index_page_new_goods.MAX_PRICE_NOW %}
								 <div style=" margin-top: 12px; "> <a href="{index_page_new_goods.URL_MAX_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MAX_PRICE_OLD | money_format}</a> </div>
							 {% ENDIF %}
						 </div>
		 </li>
		 {% ENDFOR index_page_new_goods %}
		
		 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->
{% ENDIF %}

Далее в файле carousel.css найдите код -

.d-carousel .jcarousel-container-horizontal {
width: 650px;
height: 325px;
padding: 0 45px;
}

и замените на -

.d-carousel .jcarousel-container-horizontal {
height: 325px;
padding: 0 13px;
width: 650px;
}

Код -

.d-carousel .jcarousel-item {
width: 190px;
height: 290px;
}

замените на -

.d-carousel .jcarousel-item {
width: 190px;
height: 334px;
position:relative;
}

Код -

.d-carousel .jcarousel-container-horizontal {
width: 650px;
height: 325px;
padding: 0 45px;
}

замените на -

.d-carousel .jcarousel-container-horizontal {
width: 650px;
padding: 0 45px;
height: 370px;
}

Добавьте в конец carousel.css код -

.d-carousel .goodsListItemPriceNew {
position: absolute;
bottom: 0;
}

Ожидаемый результат -

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

Наверх

#108 mark03

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

Пользователи
186 сообщений

Отправлено 24 Декабрь 2013 - 00:22

Спасибо!Сделал!Данный код дублируется

Код -
.d-carousel .jcarousel-container-horizontal {
width: 650px;
height: 325px;
padding: 0 45px;
}
замените на -
.d-carousel .jcarousel-container-horizontal {
width: 650px;
padding: 0 45px;
height: 370px;
}
Результат в приложении.Надо еще подгонять(((

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

Наверх

#109 Vaccina

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

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

Отправлено 24 Декабрь 2013 - 05:12

В разделе настройки - основные уменьшите размеры изображений товаров

Наверх

#110 mark03

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

Пользователи
186 сообщений

Отправлено 25 Декабрь 2013 - 05:34

Vaccina (24 Декабрь 2013 - 05:12) писал:

В разделе настройки - основные уменьшите размеры изображений товаров

ничего не поменялось....бэкапнул.карусель...да ну ее

Наверх

#111 Kazanec

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

Пользователи
163 сообщений

ГородКазань

Отправлено 26 Февраль 2014 - 23:34

подскажите пожалуйста хочу на главную страницу видео поставить что бы оно постоянно воспроизводилось и повторялось при заходе на сайт. пока что смог сделать как источник(( возможно ли такое,потому как пишет не правильное расширение при закачке. сайт http://kubinka-kzn.ru/

Наверх

#112 Сake

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

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

Отправлено 27 Февраль 2014 - 02:15

Используйте лучше видео вставленное с сервиса youtube http://forum.storela...ео/#entry123656

Наверх

#113 Kazanec

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

Пользователи
163 сообщений

ГородКазань

Отправлено 28 Февраль 2014 - 23:38

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

Наверх

#114 Сake

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

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

Отправлено 01 Март 2014 - 01:23

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