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


Слайдеры На Главной Странице

Автор vint1827, 26 февр. 2014 18:21

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

#1 vint1827

vint1827

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

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

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

Как изменить слайдеры на главной странице?

#2 Alexey11

Alexey11

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

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

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

Укажите пожалуйста ваш номер аккаунта.

#3 miniplaneta

miniplaneta

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

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

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

Просмотр сообщенияvint1827 (26 Февраль 2014 - 18:21) писал:

Как изменить слайдеры на главной странице?

Примерно в 234 строке шаблона HTML есть код

    <!-- Главная страница -->
    {% IF index_page %}
  <div id="module_area">
    <div id="flexslideshow" class="flexslider">
  <ul class="slides">
    <li>
  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
  <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
    </li>
    <li>
  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
  <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
    </li>
    <li>
  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
  <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
    </li>
  </ul>
    </div>
  </div>
    {% ENDIF %}
    <!-- /Главная страница -->

просто в редакторе шаблонов загрузите свои файлы и замените выделенное красным на названия своих файлов.

#4 Castiel

Castiel

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

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

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

Просмотр сообщенияminiplaneta (26 Февраль 2014 - 21:22) писал:

Примерно в 234 строке шаблона HTML есть код

<!-- Главная страница -->
{% IF index_page %}
  <div id="module_area">
<div id="flexslideshow" class="flexslider">
  <ul class="slides">
<li>
  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
  <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
</li>
<li>
  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
  <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
</li>
<li>
  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
  <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
</li>
  </ul>
</div>
  </div>
{% ENDIF %}
<!-- /Главная страница -->

просто в редакторе шаблонов загрузите свои файлы и замените выделенное красным на названия своих файлов.

Все верно, вам необходимо загрузить через Сайт - Редактор шаблонов - Добавить файлы  ваши слайды с названиями slide1.png slide2.png slide3.png

#5 luzikov

luzikov

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

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

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

Скажите пожалуйста как сделать границы слайдеров как в этой теме http://forum.storela...аницы-слайдера/

#6 Castiel

Castiel

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

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

Отправлено 03 Март 2014 - 14:42

Просмотр сообщенияluzikov (02 Март 2014 - 23:36) писал:

Скажите пожалуйста как сделать границы слайдеров как в этой теме http://forum.storela...аницы-слайдера/

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

#7 luzikov

luzikov

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

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

Отправлено 03 Март 2014 - 21:27

Просмотр сообщенияCastiel (03 Март 2014 - 14:42) писал:

Здравствуйте, ваш слайдер находиться в границах центрального блока, уточните пожалуйста на скриншоте что именно вы хотите изменить
мне нужно для этого сайта http://felini.storeland.ru/

#8 luzikov

luzikov

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

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

Отправлено 04 Март 2014 - 14:43

проблема актуальна

#9 Alexey11

Alexey11

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

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

Отправлено 04 Март 2014 - 14:50

Просмотр сообщенияluzikov (02 Март 2014 - 23:36) писал:

Скажите пожалуйста как сделать границы слайдеров как в этой теме http://forum.storela...аницы-слайдера/
Здравствуйте, найдите данный блок кода в шаблоне main.css

#header  .flexslider {width:100%;margin:0 auto !important;}

замените его на:

#header  .flexslider {width:64%;margin:0 auto !important;}

#10 luzikov

luzikov

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

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

Отправлено 04 Март 2014 - 17:18

Просмотр сообщенияAlexey11 (04 Март 2014 - 14:50) писал:

Здравствуйте, найдите данный блок кода в шаблоне main.css

#header  .flexslider {width:100%;margin:0 auto !important;}

замените его на:

#header  .flexslider {width:64%;margin:0 auto !important;}
Сделал как вы сказали, теперь когда уменьшаешь размер страницы, все уменьшается кроме самого слайдера смотрите на скрин

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

  • член.jpg

#11 Alexey11

Alexey11

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

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

Отправлено 04 Март 2014 - 20:30

Просмотр сообщенияluzikov (04 Март 2014 - 17:18) писал:

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

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

  • look.png

#12 luzikov

luzikov

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

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

Отправлено 04 Март 2014 - 20:41

Просмотр сообщенияAlexey11 (04 Март 2014 - 20:30) писал:

На данный момент ваш сайт отображается так(скриншот)
Попробуйте почистить кэш вашего браузера.
я про этот сайт http://felini.storeland.ru/

#13 Alexey11

Alexey11

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

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

Отправлено 05 Март 2014 - 19:28

Просмотр сообщенияluzikov (04 Март 2014 - 20:41) писал:

я про этот сайт http://felini.storeland.ru/
После выполнения данной инструкции у вас должен получиться такой результат(скриншот)

Какое у вас разрешение экрана?

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

  • felinislider.png

#14 Stasya

Stasya

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

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

Отправлено 05 Март 2014 - 19:35

Просмотр сообщенияluzikov (04 Март 2014 - 20:41) писал:

я про этот сайт http://felini.storeland.ru/
При уменьшении разрешения сайт, в том числе и слайдер на нем уменьшаются

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

  • Скрин2.png
  • Скрин3.png

#15 luzikov

luzikov

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

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

Отправлено 05 Март 2014 - 22:20

Просмотр сообщенияAlexey11 (05 Март 2014 - 19:28) писал:

После выполнения данной инструкции у вас должен получиться такой результат(скриншот)

Какое у вас разрешение экрана?
1366x768

Поставил новую картинку разрешением 1920x700 отображается ужасно, см скрин в чем проблема ?  и еще так и не понял почему слайд при уменьшении страницы всегда остается одного размера

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

  • уйццйуй.jpg

#16 Stasya

Stasya

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

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

Отправлено 06 Март 2014 - 12:06

Попробуйте почистить кэш Вашего браузера или просмотреть сайт через другой браузер.

#17 luzikov

luzikov

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

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

Отправлено 06 Март 2014 - 12:35

Просмотр сообщенияStasya (06 Март 2014 - 12:06) писал:

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

#18 luzikov

luzikov

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

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

Отправлено 06 Март 2014 - 20:27

ап

#19 Сake

Сake

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

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

Отправлено 07 Март 2014 - 04:48

Попробуйте сделать следующее - в файле стилей main.css найдите

#header .flexslider {
  margin: 0 auto !important;
  width: 90%;
}

и замените на

#header .flexslider {
  margin: 0 auto !important;
}

далее найдите

#header .flexslider li .bigPic {
  display: block !important;
}

и замените на

#header .flexslider li .bigPic {
  display: none !important;
}

далее найдите и удалите

#header .flexslider li img.slide_img {
  display: none !important;
}

#20 luzikov

luzikov

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

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

Отправлено 07 Март 2014 - 07:15

Просмотр сообщенияСake (07 Март 2014 - 04:48) писал:

Попробуйте сделать следующее - в файле стилей main.css найдите

#header .flexslider {
margin: 0 auto !important;
width: 90%;
}

и замените на

#header .flexslider {
margin: 0 auto !important;
}

далее найдите

#header .flexslider li .bigPic {
display: block !important;
}

и замените на

#header .flexslider li .bigPic {
display: none !important;
}

далее найдите и удалите

#header .flexslider li img.slide_img {
display: none !important;
}
помогло, спасибо. но проблема с тем что слайдер при уменьшении страницы не уменьшается, актуальна(
Обратно в Главная


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

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

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