Бренды
#1
Отправлено 31 Май 2015 - 17:34
Ребята помогите пожалуйста добавить бренды производителей на главную страницу.
http://tympanus.net/...ide/index3.html
#2
Отправлено 31 Май 2015 - 18:42
Hiding (31 Май 2015 - 17:34) писал:
Ребята помогите пожалуйста добавить бренды производителей на главную страницу.
http://tympanus.net/...ide/index3.html
Здравствуйте.
Чтобы установить данную "карусель" необходимо видеть ее исходный код.
На указанной странице, к сожалению его нет. Без него это сделать будет невозможно. Если Вы найдете данный код мы постараемся помочь Вам с установкой.
#4
Отправлено 02 Июнь 2015 - 14:15
Hiding (01 Июнь 2015 - 02:52) писал:
Как теперь сделать чтоб отображалась как по ссылке?
Получилось вот как:
01-06-2015 8-51-59.jpg
jquerypp.custom.js elastislide.js custom.cssдалее перед тегом
</head>в шаблоне hTML
установите
<link rel="stylesheet" type="text/css" href="/design/elastislide.css" /> <link rel="stylesheet" type="text/css" href="/design/custom.css" /> <script type="text/javascript" src="/design/jquerypp.custom.js"></script> <script type="text/javascript" src="/design/query.elastislide.js"></script> <script type="text/javascript"> $( '#carousel' ).elastislide( { minItems : 2 } ); </script>
#5
Отправлено 02 Июнь 2015 - 15:26
Вот ссылка на архив http://efimov.ws/ass...Elastislide.zip
#6
Отправлено 03 Июнь 2015 - 02:55
#7
Отправлено 03 Июнь 2015 - 03:29
http://tympanus.net/...Elastislide.zip
В нем присутствуют данные файлы из инструкции выше.
#9
Отправлено 03 Июнь 2015 - 04:34
И в подключении должно быть:
<script type="text/javascript" src="/design/jquery.elastislide.js"></script>
#10
Отправлено 03 Июнь 2015 - 07:26
Прописал.
<script type="text/javascript" src="/design/jquery.elastislide.js"></script>Получилось:
<link rel="stylesheet" type="text/css" href="/design/elastislide.css" /> <link rel="stylesheet" type="text/css" href="/design/custom.css" /> <script type="text/javascript" src="/design/jquerypp.custom.js"></script> <script type="text/javascript" src="/design/jquery.elastislide.js"></script> <script type="text/javascript"> $( '#carousel' ).elastislide( { minItems : 2 } ); </script>
Но все равно не чего не изменилось...
#11
Отправлено 03 Июнь 2015 - 10:19
#12
Отправлено 03 Июнь 2015 - 17:23
Hiding (03 Июнь 2015 - 10:19) писал:
demo.css
modernizr.custom.17475.js
далее найдите в шаблоне html
<link rel="stylesheet" type="text/css" href="/design/elastislide.css" /> <link rel="stylesheet" type="text/css" href="/design/custom.css" /> <script type="text/javascript" src="/design/jquerypp.custom.js"></script> <script type="text/javascript" src="/design/jquery.elastislide.js"></script>после вставьте
<link rel="stylesheet" type="text/css" href="/design/demo.css" /> <script type="text/javascript" src="/design/modernizr.custom.17475.js"></script>
далее найдите
<div class="pdt-loadmore"> <div class="button btn-loadmore showAllGoods"><span>Загрузить все</span></div> </div>
после вставьте
<div class=""> <!-- Elastislide Carousel --> <ul id="carousel" class="elastislide-list"> <li ><a href="#"><img src="http://i1.storeland.net/1/3135/31341312/075a3e/kosmetichka.jpg" alt="image04" /></a></li> <li ><a href="#"><img src="http://i3.storeland.net/1/3135/31341005/075a3e/zont.jpg" alt="image05" /></a></li> <li ><a href="#"><img src="http://i1.storeland.net/1/3135/31341312/075a3e/kosmetichka.jpg" alt="image06" /></a></li> <li ><a href="#"><img src="http://i3.storeland.net/1/3135/31341005/075a3e/zont.jpg" alt="image07" /></a></li> <li ><a href="#"><img src="http://i1.storeland.net/1/3135/31341312/075a3e/kosmetichka.jpg" alt="image11" /></a></li> </ul> <!-- End Elastislide Carousel --> </div> <script> $( '#carousel' ).elastislide( { minItems : 2 } ); </script>
#13
Отправлено 04 Июнь 2015 - 02:58
Только отображение всего сайта как-то испортилось... Как-будто все увеличилось.
И этого кода
<div class="pdt-loadmore"> <div class="button btn-loadmore showAllGoods"><span>Загрузить все</span></div> </div>у меня 3...
#14
Отправлено 04 Июнь 2015 - 04:04
С архива по ссылке: http://tympanus.net/...Elastislide.zip
в редактор шаблонов загружаем следующие файлы:
- jquery.elastislide.js
- jquerypp.custom.js
- modernizr.custom.17475.js
- demo.css
- elastislide.css
- bg.jpg
- loading.gif
- nav.png
Далее в шаблоне HTML находим:
<!-- Скрипты магазина --> <script type="text/javascript">var zoomloaderPath = '{ASSETS_IMAGES_PATH}loader.gif?design=azure';</script> <script type="text/javascript" src="{ASSETS_JS_PATH}forall.js?design=azure"></script> <script type="text/javascript" src="{FORALL_STYLES_PATH}fancybox/2.1.5/jquery.fancybox.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}jssor_slider.js?design=azure"></script> <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=azure"></script>
после него вставляем:
<script type="text/javascript" src="{ASSETS_JS_PATH}modernizr.custom.17475.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}jquerypp.custom.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.elastislide.js"></script>
далее находим:
<!-- Стили магазина --> <link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}magnific-popup.css?design=azure"> <link rel="stylesheet" type="text/css" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css"> <link rel="stylesheet" type="text/css" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css"> <link rel="stylesheet" type="text/css" href="/design/font-awesome.min.css?design=azure"> <link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}main.css?design=azure">
после него вставляем:
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}demo.css" /> <link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}elastislide.css" />
далее находим:
{BODY}
после него вставляем:
<!-- Elastislide Carousel --> <ul id="carousel" class="elastislide-list"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}1.jpg" alt="image01" /></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}2.jpg" alt="image02" /></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}3.jpg" alt="image03" /></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}4.jpg" alt="image04" /></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}5.jpg" alt="image05" /></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}6.jpg" alt="image06" /></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}7.jpg" alt="image07" /></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}8.jpg" alt="image08" /></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}9.jpg" alt="image09" /></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}10.jpg" alt="image10" /></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}11.jpg" alt="image11" /></a></li> </ul> <!-- End Elastislide Carousel --> <script type="text/javascript"> $( '#carousel' ).elastislide( { minItems : 2 } ); </script>
вместо 1.jpg, 2.jpg и так далее вставляете свое название файла картинки, сами картинки загружаете также в редактор шаблонов
Далее зайдите в шаблоны:
- demo.css
- elastislide.css
в них найдите все:
../images/
замените на:
{ASSETS_IMAGES_PATH}
В файле elastislide.css найдите:
.elastislide-horizontal { padding: 10px 40px; }
замените на:
.elastislide-horizontal { padding: 10px 40px; clear:both; }
Результат изменений:
#15
Отправлено 04 Июнь 2015 - 04:31
Есть еще пару вопросов.
1.Отображение всего сайта как-то испортилось... Как-будто все увеличилось.
2.Как теперь подключить к этим картинкам определенные бренды? Бренды у меня в категории склада...
#16
Отправлено 04 Июнь 2015 - 04:46
2. В коде карусели вместо знаков # необходимо прописать ссылки, при клике на которые клиент будет переходить в необходимый раздел.
<a href="#">Бренды лучше вынести на витрину магазина, в общий каталог и проставить им галочку в поле "скрыть" при редактировании категории.
#17
Отправлено 04 Июнь 2015 - 08:05
Vaccina (04 Июнь 2015 - 04:46) писал:
2. В коде карусели вместо знаков # необходимо прописать ссылки, при клике на которые клиент будет переходить в необходимый раздел.
<a href="#">Бренды лучше вынести на витрину магазина, в общий каталог и проставить им галочку в поле "скрыть" при редактировании категории.
Просто у меня каталог разбит на 2 части, и во втором отображаются скрытые разделы.
Увеличился и как-бы расширился сайт....
#20
Отправлено 05 Июнь 2015 - 01:15
В шаблоне HTML удалите:
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}demo.css" />
и сам файл demo.css
На счет категории, создайте категорию бренды, мы вручную будем в коде условие прописывать, чтобы данная категория не отображалась.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных