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

[oneram]

Люди помогите пожалуйста мучаюсь 2-ой день уже.

Идет только загрузка и всё (( больше нечего нет.
ПОМОГИТЕ ПОЖАЛУЙСТА!

http://oneram.ru/

[sergey85]

Посмотрите здесь:Nivo Slider

[Frost]

Первое на что обратил внимание это то, что пути к картинкам некорректно прописаны. Сначала вы должны залить их на сервер и прописать пути к ним вида

web/upload/assets/images/62/61671/имя_файла.png

Также вроде у вас не подключены файлы скриптов
Залейте на сервер все необходимые файлы из исходника и пути к файлам с расширениями css и js пропишите перед закрывающим тегом </body>

[Vaccina]

Вам ответили тут http://forum.storela...ои/page__st__40

[oneram]

Frost (17 Апрель 2012 - 18:08) писал:

Первое на что обратил внимание это то, что пути к картинкам некорректно прописаны. Сначала вы должны залить их на сервер и прописать пути к ним вида

web/upload/assets/images/62/61671/имя_файла.png

Также вроде у вас не подключены файлы скриптов
Залейте на сервер все необходимые файлы из исходника и пути к файлам с расширениями css и js пропишите перед закрывающим тегом </body>

А в каком файле эти пути?
И где прописывать и какие пути перед тегом </body>

[Vaccina]

Цитата

А в каком файле эти пути?

Вероятнее всего эти пути находятся в шаблоне "Страница" - тот шаблон куда вы установили слайдер.

Так же в данный момент у вас отсутствует подключение файла описанного в сообщении http://forum.storela...dpost__p__19528
Подключаться он должен так же как и файл main.js а находиться в шаблоне "HTML" перед подключением файла main.js

[oneram]

Vaccina (18 Апрель 2012 - 21:03) писал:

Вероятнее всего эти пути находятся в шаблоне "Страница" - тот шаблон куда вы установили слайдер.

Так же в данный момент у вас отсутствует подключение файла описанного в сообщении http://forum.storela...dpost__p__19528
Подключаться он должен так же как и файл main.js а находиться в шаблоне "HTML" перед подключением файла main.js

Ну нифига не получается ! Может по порядочку все расскажешь! То я вообще все перепробовал.

Вот допустим

1.
закачиваем: nivo-slider.css и jquery.nivo.slider.pack.js.
закачаваем все файлы из папки темы Дефаул там картинки и .css

У себя в "HTML" подряд что нужно написать ?
Потом в "СТАНИЦА"подряд что нужно написать ?
в "main.csstemplate" подряд что нужно написать ?
в "main.js" подряд что нужно написать ?

.

[Vaccina]

В указанной теме выше уже до невозможности все расписано. Так же в сети имеются очень много статьей по установке данного слайдера.
http://cake-php-blog...lajder-kartinok
http://dijjon.ru/pub..._slider/3-1-0-8
http://slyweb.ru/jquery/nivo-slider/
Сам процесс простой. Скопировать -> вставить. Если разбирать по пунктам - то это 5 пунктов
1) Загрузить библиотеку nivo slider js и изображения слайдера в разделе редактора тем.
2) Подключить загруженную библиотеку, так же как подключается файл main.js в шаблоне "HTML" подключаться файл должен до файла main.js
3) Скопировать текстовый каркас HTML к себе в шаблон "Страница".
4) Скопировать все стили css в вайл main.css, поменять все пути к изображениям на свои.
5) Скопировать код js к себе в файл main.js

[oneram]

Уже лучшееее )))))
Но все кривооо((

[Roman_Latyshev]

Vaccina (20 Апрель 2012 - 23:41) писал:

В указанной теме выше уже до невозможности все расписано. Так же в сети имеются очень много статьей по установке данного слайдера.
http://cake-php-blog...lajder-kartinok
http://dijjon.ru/pub..._slider/3-1-0-8
http://slyweb.ru/jquery/nivo-slider/
Сам процесс простой. Скопировать -> вставить. Если разбирать по пунктам - то это 5 пунктов
1) Загрузить библиотеку nivo slider js и изображения слайдера в разделе редактора тем.
2) Подключить загруженную библиотеку, так же как подключается файл main.js в шаблоне "HTML" подключаться файл должен до файла main.js
3) Скопировать текстовый каркас HTML к себе в шаблон "Страница".
4) Скопировать все стили css в вайл main.css, поменять все пути к изображениям на свои.
5) Скопировать код js к себе в файл main.js

Vaccina, ну серьезно ничего ПРОСТОГО не вижу.
Не могли бы Вы потратить 20 минут своего времени, тем более это для Вас так просто и на тестовом примере, с картинками, с ссылками, с пошаговыми инструкциями, и ничего не пропуская, выложить подробную инструкцию на русском языке как установить хоть какой-нибудь простой слайдер. Я думаю, просто огромное количество людей скажет Вам большое человеческое СПАСИБО.

Конечно, сейчас можно отписаться, что-то типа, "и так много уже сказано", натыкать ссылки на другие темы и сайты (в том числе и на английском языке), где у людей все равно возникают проблемы со слайдерами.

Я всегда ценил вашу тех.поддержку за грамотное и человеческое отношение к проблемам ваших клиентов, поступая из принципа: "Ваши проблемы - это наши проблемы". А сейчас куча людей не могут с первого раза установить нормальный слайдер. Я вот сейчас даже браться не хочу, не видя перед собой нормальное руководство к действию, хотя очень надо. Знаю, если полезу, то точно возникнут проблемы, которые убьют мое время, и не дай бог повесят сайт, который кормит не только меня, но еще и пять человек сотрудников интернет-магазина.

Если не можете добавить нужные дополнительные функции (разделение админки, сопутствующие товары и прочее), то хотя бы сделайте подробную инструкцию по слайдеру, чтобы хоть как-то сделать не статический сайт. Я помню у Вас была даже видеоинструкция как открыть магазин у вас, и добавить в него товары, так почему же нельзя сделать тоже самое со слайдером?! Это вопрос не только к Вам, но и ко всей администрации.

Просто сделайте инструкцию по слайдеру!

[support]

Извиняюсь за возникшее недопонимание. Данная задача со слайдером является наиболее простой для любого даже начинающего верстальщика, да и инструкций полно, но некоторые мелочи очевидные ему не всегда могут быть очевидны не столь подготовленному пользователю. Попробую рассказать с максимумом деталей, на примере нашей системы, нашего редактора тем, нашего html редактора шаблонов о том как поставить слайдер на свой сайт Nivo Slider... Итак поехали:

• Скачиваем себе на компьютер следующий архив, я его специально подготовил, все до одного лишние файлы удалил:
      slider.zip   8,6К   1770 Количество загрузок:
  
• Распаковываем на своём компьютере.
  
• Заходим в панель управления магазином, через форму авторизации.
  
• Переходим в раздел "Сайт" > "Редактор тем".
  
• Скролим вниз до блока файлов, нажимаем кнопку добавить файлы, появится 5 полей для файлов.
  
  
• В каждое поле вставляем те файлы, что распаковались из архива, их как раз 5.
  
  
• Проверяем закачались ли эти файлы, выглядят они в редакторе тем как-то так:
  
  
• Открываем файл HTML, находим следующий код (у меня это 53 строка, используйте встроенный поиск браузера, Ctrl+f, чтобы не искать глазами.):
  

    <!-- Скрипты магазина -->
    <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
  

  
  После него вставляем вот такой код:
  

    <!-- Загрузка Jquery галереии Nyro -->
    <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyro_default.css" type="text/css" media="screen" />
    <script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
  

  
  Получается как-то так:
  

    <!-- Скрипты магазина -->
    <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
  
    <!-- Загрузка Jquery галереии Nyro -->
    <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyro_default.css" type="text/css" media="screen" />
    <script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
  

  
  В браузере выглядит так:
  
  
• Нажимаем кнопку "сохранить" сверху.
  
• Далее скролим вниз этого файла (html) находим (естественно встроенным поиском, Ctrl+f, глазами искать не всегда есть гуд.) вот такой не сложный код:
  

  {BODY}
  

  
  Перед ним! Вставляем вот такой код:
  

  			<!-- Вешаем слайдер на главной -->
  			{% IF index_page %}
  			  <!-- Обёртка, указывающая стиль темы -->
  			  <div class="theme-default" style="padding-top:1em;">
  				<!-- Непосредственный код слайдера -->
  				<div id="slider">
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider.png" alt="" />
  				  <a href="http://dev7studios.com"><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo.png" alt="" /></a>
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/toystory.png" alt="" title="Пример картинки с заголовком" />
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle.png" alt="" />
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/cars.png" alt="" />
  				</div>
  			  </div>
  			  
  			  <!-- Запуск слайдера -->
  			  <script type="text/javascript">
  				$(window).load(function() {
  					$('#slider').nivoSlider();
  				});
  			  </script>
  			{% ENDIF %}
  

  
  Получается вот так:
  

  			<!-- Вешаем слайдер на главной -->
  			{% IF index_page %}
  			  <!-- Обёртка, указывающая стиль темы -->
  			  <div class="theme-default" style="padding-top:1em;">
  				<!-- Непосредственный код слайдера -->
  				<div id="slider">
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider.png" alt="" />
  				  <a href="http://dev7studios.com"><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo.png" alt="" /></a>
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/toystory.png" alt="" title="Пример картинки с заголовком" />
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle.png" alt="" />
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/cars.png" alt="" />
  				</div>
  			  </div>
  			  
  			  <!-- Запуск слайдера -->
  			  <script type="text/javascript">
  				$(window).load(function() {
  					$('#slider').nivoSlider();
  				});
  			  </script>
  			{% ENDIF %}
  
  			{BODY}
  

  
  
• Нажимаем кнопку "сохранить", выглядит это так:
  
  
• Заходим на главную страницу сайта, нажимаем F5 либо Ctrl+R
  
• Должен получиться вот такой результат:
  

Если слайдер не завёлся и не поехал, то видимо что-то сделали не так, напишите об этом постараюсь рассказать ещё детальней о том месте, где возникла ошибка.

Пример живого слайдера (демо)

[Солнечный ежик]

Добрый вечер. Благодаря Вашему посту выше со слайдером проблем не возникло вообще ни каких. Завёлся и поехал как нужно
Спасибо за труд. Но одна проблема всётаки есть: возможно ли его  как- нибудь пониже опустить? А точки ближе придвинуть к верху.
http://blestelki.sto...02_19h51_33.png
И ещё вопрос, извиняюсь что не в тему: как закруглить края у каталога с товаром.
Магазин вот

[Солнечный ежик]

Всё сама разобралась

[eliant]

support большое спасибище!

[Sergio]

Здравствуйте. У меня тоже всё заработало, НО возникла одна проблема. В браузере IE всё смещается и съезжает в левую  сторону. Я до установки слайдера немного менял дизайн. И что где поменял уже не помню. Видимо где-то накосячил с css. Помогите решить данную проблему. Cайт servizoff.ru   Код пока стер в разделе HTML

[Vaccina]

Цитата

Код пока стер в разделе HTML

Не совсем понятно как я смогу вам помочь - не зная каких изменений вы делали, и почему данное действие

Цитата

В браузере IE всё смещается и съезжает в левую сторону.

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

[Ello4ka]

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

Сообщение отредактировал Ello4ka: 16 Ноябрь 2012 - 21:00

[support]

Ello4ka (18 Июнь 2012 - 16:33) писал:

support , во-первых спасибо огромное за инструкцию )
Во-вторых вопрос. У меня получается так - когда открываешь главную страницу сайта, все картинки сначала показываются сверху вниз, а потом только запускается слайд шоу. Что неправильно сделали? Сайт

Попробуйте добавить

style="display:none;"

чтобы вышло так:

<div id="slider" style="display:none;">

и модернизируйте этот код:

$('#slider').nivoSlider();

До такого:

$('#slider').show().nivoSlider();

[Ello4ka]

support (18 Июнь 2012 - 16:41) писал:

Попробуйте добавить

style="display:none;"

чтобы вышло так:

<div id="slider" style="display:none;">

и модернизируйте этот код:

$('#slider').nivoSlider();

До такого:

$('#slider').show().nivoSlider();

Спасибо, большое, попробуем. )
Все отлично получилось! Благодарю!

Сообщение отредактировал Ello4ka: 19 Июнь 2012 - 17:05

[DropMart]

Солнечный ежик (02 Июнь 2012 - 21:08) писал:

Добрый вечер. Благодаря Вашему посту выше со слайдером проблем не возникло вообще ни каких. Завёлся и поехал как нужно
Спасибо за труд. Но одна проблема всётаки есть: возможно ли его  как- нибудь пониже опустить? А точки ближе придвинуть к верху.
http://blestelki.sto...02_19h51_33.png
И ещё вопрос, извиняюсь что не в тему: как закруглить края у каталога с товаром.
Магазин вот

Здравствуйте. У меня таже проблема... уж очень большое расстояние от слайдера до точек. Как можно уменьшить расстояние а лучше вообще убрать эти точки?
Понимаю что нужно искать в скрипте nyvo.csstemplate, но я там ничего такого не нашел.
магазин dropmart.ru