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

[ezanich]

1. Как заменить шапку в шаблоне сияние на свою?
2. Как установить слайдер между "лого-номера-корзина-поиск" и главным меню? Как его сделать резиновым, чтобы адаптировался под размер экрана пользователя по ширине? И как ограничить высоту изображений, чтобы он не "прыгал"?
3. Как поместить блоки "Логотип", "Контакты", "Корзина" и "Поиск" в такую же тёмную панельку как меню, уходящую вверх с закруглёнными краями снизу? (Скрин 1)
4. Как поменять белый фон? (Скрин 2)

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

• 
• 

[Alekseys]

ezanich (26 Август 2014 - 14:21) писал:

1. Как заменить шапку в шаблоне сияние на свою?
2. Как установить слайдер между "лого-номера-корзина-поиск" и главным меню? Как его сделать резиновым, чтобы адаптировался под размер экрана пользователя по ширине? И как ограничить высоту изображений, чтобы он не "прыгал"?
3. Как поместить блоки "Логотип", "Контакты", "Корзина" и "Поиск" в такую же тёмную панельку как меню, уходящую вверх с закруглёнными краями снизу? (Скрин 1)
4. Как поменять белый фон? (Скрин 2)

Здравствуйте.
1. Шапка сайта является фоновым рисунком. Чтобы ее изменить отредактируйте файл, находящийся в разделе Сайт -> Редактор шаблонов -> Файлы, под названием header_page.png.
2. 1. Скачайте себе на компьютер архив nyvo_slider.zip
    2. Распаковываем архив на своём компьютере.
    3. В бэкофисе магазина зайдите в раздел «Сайт -> Редактор шаблонов.
    4. Скрольте вниз до блока файлов, нажмите кнопку «добавить файлы».
    5. Вставляем файлы, которые распаковались из архива, в поля добавления файлов
  
    6. Проверьте закачались ли эти файлы. В редакторе тем они выглядят так:
  
    7. В редакторе тем откройте файл «HTML»
    8. Найдите следующий код, используя встроенный поиск браузера, Ctrl+f:

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

    9. После него вставьте такой код:

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

и нажмите Сохранить.
   10. Скрольте вниз файл «HTML» и найдите встроенным поиском (Ctrl+f) такой код:

<!-- Верхний блок навигации -->
	 <div class="containerin" id="top-menu">

   11. Вставьте перед ним

<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}

и нажмите Сохранить.
3. Чтоб поместить блоки "Логотип", "Контакты", "Корзина" и "Поиск" в такую же тёмную панельку как меню, нужно нарисовать ее в файле header_page.png
4. Для изменения белого фона сайта в разделе Сайт -> Редактор шаблонов -> main.css в блоке

#wrapper {
background-color: #fff;
padding-bottom: 10px;
}

отредактируйте значение строки background-color: #fff; для получения нужного цвета. Образцы кодировки цвета Вы можете посмотреть здесь.

[ezanich]

Alekseys (26 Август 2014 - 15:23) писал:

Здравствуйте.
1. Шапка сайта является фоновым рисунком. Чтобы ее изменить отредактируйте файл, находящийся в разделе Сайт -> Редактор шаблонов -> Файлы, под названием header_page.png.
2. 1. Скачайте себе на компьютер архив nyvo_slider.zip
2. Распаковываем архив на своём компьютере.
3. В бэкофисе магазина зайдите в раздел «Сайт -> Редактор шаблонов.
4. Скрольте вниз до блока файлов, нажмите кнопку «добавить файлы».
5. Вставляем файлы, которые распаковались из архива, в поля добавления файлов
   nyvo2.jpg
6. Проверьте закачались ли эти файлы. В редакторе тем они выглядят так:
   nyvo3.jpg
7. В редакторе тем откройте файл «HTML»
8. Найдите следующий код, используя встроенный поиск браузера, Ctrl+f:

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

   9. После него вставьте такой код:

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

и нажмите Сохранить.
   10. Скрольте вниз файл «HTML» и найдите встроенным поиском (Ctrl+f) такой код:
<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
[/CODE]
   11. Вставьте перед ним

<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}

и нажмите Сохранить.
3. Чтоб поместить блоки "Логотип", "Контакты", "Корзина" и "Поиск" в такую же тёмную панельку как меню, нужно нарисовать ее в файле header_page.png
4. Для изменения белого фона сайта в разделе Сайт -> Редактор шаблонов -> main.css в блоке

#wrapper {
background-color: #fff;
padding-bottom: 10px;
}

отредактируйте значение строки background-color: #fff; для получения нужного цвета. Образцы кодировки цвета Вы можете посмотреть здесь.

Получается для 3-о пункта мне нужно отрисовать шапку изначально с местом для вставки слайдера между верхней панелькой и нижней?

[Alekseys]

ezanich (26 Август 2014 - 15:57) писал:

Получается для 3-о пункта мне нужно отрисовать шапку изначально с местом для вставки слайдера между верхней панелькой и нижней?

Да. В шаблоне Сияние именно так.