Модификация Страниц
#1
Отправлено 16 Август 2013 - 15:53
Возможно ли:
1. Заменить этот логотип на свой.
2. Удалить вот эти штуки и поиск по товарам со свех страниц.
3. Добавить раздел гарантии.
4. перенестить стрелочки для прокрутки слайдера вот сюда и чтоб они были видны все всемя а не только когда наводишь курсор на изображение.
Пожалуй все.
Буду очень благодарен за помощь.
#2
Отправлено 16 Август 2013 - 18:03
Логотип это часть фонового изображения шапки. Вам надо его скачать, отредактировать в графическом редакторе и залить обратно на сайт с тем же именем в разделе "Сайт"-"Редактор шаблонов" (изображение header_page.png). В этом же изображении также надо будет стереть форму поиска. Чтобы скрыть саму форму поиска, надо в файле main.css код
#search{ height: 35px; float: right; padding-top: 45px; padding-right: 15px; width: 245px; }заменить на
#search{ height: 35px; float: right; padding-top: 45px; padding-right: 15px; width: 245px; display: none; }Чтобы добавить раздел гарантий, надо сперва создать одноименную страницу в разделе Сайт-Страницы. Далее в разделе Сайт-Меню для Верхнего меню нажмите "Добавить пункт меню" и в поле "Куда ссылается" выберите страницу "Гарантии".
Уточните, пожалуйста, по второму пункту. Вы хотите совсем убрать правое меню со всеми новостями, статьями, каталогом меню, последними просмотренными товарами и сравниваемыми товарами и расширить основной контент страницы или же вам необходимо из правого меню убрать только каталог и сравниваемые товары?
Также не понятно с четвертым вопросом, так как миниатюра не отрывается. Залейте, пожалуйста, изображение средствами форума - нажмите кнопку "Расширенная форма" (рядом с кнопкой "Отправить"), в этой форме появится кнопка прикрепления файлов - воспользуйтесь ей, чтобы загрузить скриншот.
#3
Отправлено 16 Август 2013 - 22:55
Так скриншот я залил повторно.
На счет лого. В разделе изображения есть 2 файла.
1— header_page.png
2— header_page_without_logo.png
интересно узнать чем они отличаются и мне точно менять 1 файл?
Далее форма поиска. Вот я тут убрал поиск и допустим добавил лого.
Только как теперь выделить это лого и сделать ссылкой на главную страницу? И еще можно ли подвинуть корзину правее (не собьются ли ссылки?) и увеличить текст.
Далее меню справа, скорее мне нужно "убрать только каталог и сравниваемые товары". И добавить туда баннеры Вконтакте например.
На счет 4 вопроса нашел решение которое мне подходит.
http://www.skitter-slider.net/ попробую завтра установить.
#4
Отправлено 17 Август 2013 - 13:16
Fobas (16 Август 2013 - 22:55) писал:
Так скриншот я залил повторно.
На счет лого. В разделе изображения есть 2 файла.
1— header_page.png
2— header_page_without_logo.png
интересно узнать чем они отличаются и мне точно менять 1 файл?
Далее форма поиска. Вот я тут убрал поиск и допустим добавил лого.
Только как теперь выделить это лого и сделать ссылкой на главную страницу? И еще можно ли подвинуть корзину правее (не собьются ли ссылки?) и увеличить текст.
Далее меню справа, скорее мне нужно "убрать только каталог и сравниваемые товары". И добавить туда баннеры Вконтакте например.
На счет 4 вопроса нашел решение которое мне подходит.
http://www.skitter-slider.net/ попробую завтра установить.
header_page.png - шапка с лого
header_page_without_logo.png - шапка без лого
Вы можете сами посмотреть в разделе Сайт - Редактор шаблонов - слева список - Изображения
Да, вам менять один файл (header_page.png)
Поменять можно. Опять же Вам нужно будет сначала отредактировать шапку. А ссылки можно будет подвинуть
По каталогу уточните пожалуйста , что Вы имеете ввиду. Вы хотите убрать блок Каталога?
Сравнение товаров можно отключить в настройках - Основные "Выключить блок сравнения товаров на сайте"
Про баннер вконтакте -
Найдите код в шаблоне HTML -
<!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <li class="compare"><br /><h2><a href="{COMPARE_URL}">Сравнить товары</a></h2> <div class="contentTbodyCompare"> {%IF COMPARE_GOODS_COUNT=0 %} <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em> {% ELSE %} <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br /> <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a> {% ENDIF %} </div><br /> </li> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров -->и после него вставьте код виджета
#5
Отправлено 17 Август 2013 - 17:33
Я сделал шапку, создал страницу "Гарантии", убрал поиск, убрал сравнение товаров. Осталось только слегка сдвинуть надпись "в корзине товаров на 0 р" и доделать слайдер. У меня не получилось установить тот слайдер, мне нужно увеличить кнопки переключения и сделать их видимыми всегда, с виджетом вк я разберусь сам когда будет допилена сама группа. А и еще как сделать раз метку логотипа можно пользоваться этим сайтом (http://www.maschek.hu/imagemap/imgmap)?
Да и вот ссылка на сам сайт http://www.sballs.storeland.ru
#6
Отправлено 18 Август 2013 - 09:14
#cartInfo a { color:#000; text-transform: uppercase; padding:5px 0px 5px 45px; }И замените на -
#cartInfo a { color:#000; text-transform: uppercase; padding:5px 0px 5px 100px; }
#7
Отправлено 18 Август 2013 - 09:21
Fobas (17 Август 2013 - 17:33) писал:
Я сделал шапку, создал страницу "Гарантии", убрал поиск, убрал сравнение товаров. Осталось только слегка сдвинуть надпись "в корзине товаров на 0 р" и доделать слайдер. У меня не получилось установить тот слайдер, мне нужно увеличить кнопки переключения и сделать их видимыми всегда, с виджетом вк я разберусь сам когда будет допилена сама группа. А и еще как сделать раз метку логотипа можно пользоваться этим сайтом (http://www.maschek.hu/imagemap/imgmap)?
Да и вот ссылка на сам сайт http://www.sballs.storeland.ru
По кнопкам слайдера -
Найдите код в nyvo.css -
.theme-default a.nivo-nextNav { background-position: -30px 0; right:15px; }и замените на -
.theme-default a.nivo-nextNav { background-position: -60px 0; right:15px; }
Далее найдите код -
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url('{ASSETS_IMAGES_PATH}nyvo_arrows.png') no-repeat; text-indent:-9999px; border: 0; }и замените на -
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url('{ASSETS_IMAGES_PATH}nyvo_arrows.png') no-repeat; text-indent:-9999px; background-size: 120px 60px; width: 60px; height: 60px; border: 0; }
Видимые -
Найдите в шаблоне HTML код -
<div class="nivo-directionNav" style="display: none;">и замените на -
<div class="nivo-directionNav" style="display: none;">
По разметке логотипа не очень понятно. Сейчас у Вас есть ссылка на логотипе.
#8
Отправлено 18 Август 2013 - 15:46
Absolem (18 Август 2013 - 09:14) писал:
#cartInfo a { color:#000; text-transform: uppercase; padding:5px 0px 5px 45px; }И замените на -
#cartInfo a { color:#000; text-transform: uppercase; padding:5px 0px 5px 100px; }
miyako (18 Август 2013 - 09:21) писал:
Найдите код в nyvo.css -
.theme-default a.nivo-nextNav { background-position: -30px 0; right:15px; }и замените на -
.theme-default a.nivo-nextNav { background-position: -60px 0; right:15px; }
Далее найдите код -
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url('{ASSETS_IMAGES_PATH}nyvo_arrows.png') no-repeat; text-indent:-9999px; border: 0; }и замените на -
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url('{ASSETS_IMAGES_PATH}nyvo_arrows.png') no-repeat; text-indent:-9999px; background-size: 120px 60px; width: 60px; height: 60px; border: 0; }
Видимые -
Найдите в шаблоне HTML код -
<div class="nivo-directionNav" style="display: none;">и замените на -
<div class="nivo-directionNav" style="display: none;">
По разметке логотипа не очень понятно. Сейчас у Вас есть ссылка на логотипе.
Может есть другой способ? давайте тогда поменяем nyvo_arrows.png на вот эту картинку например. Но в идиале хотелось .s вот такие переключатели
И чтобы они были внизу.
Далее мелочи. Я упомянул лого потому что разметка не очень правильная, она осталась с прежнего логотипа. Например, буквы "S" и "ru" не входят в разметку. Ну вы поняли.
#9
Отправлено 18 Август 2013 - 20:37
#10
Отправлено 19 Август 2013 - 11:40
Fobas (18 Август 2013 - 15:46) писал:
С кнопками перелистывания мне непонятно. Мы просто растянули картинку?
Может есть другой способ? давайте тогда поменяем nyvo_arrows.png на вот эту картинку sprite-default1.png например. Но в идиале хотелось .s вот такие переключатели
Снимок.JPG И чтобы они были внизу.
Далее мелочи. Я упомянул лого потому что разметка не очень правильная, она осталась с прежнего логотипа. Например, буквы "S" и "ru" не входят в разметку. Ну вы поняли.
Для того , чтобы изменить изображение кнопок. Вам нужно удалить сначала - nyvo_arrows.png и загрузить Ваше с таким же названием и форматом.
Вы не сделали изменения -
<div class="nivo-directionNav" style="display: none;">нужно заменить на -
<div class="nivo-directionNav">
Далее найдите код -
.theme-default a.nivo-prevNav { left: 15px; }и замените на -
.theme-default a.nivo-prevNav { left: 535px; }
#11
Отправлено 19 Август 2013 - 16:33
miyako (19 Август 2013 - 11:40) писал:
<div class="nivo-directionNav" style="display: none;">нужно заменить на -
<div class="nivo-directionNav">
<div class="theme-default" style="padding:1em;display:none;">Ну я все равно заменил этот код на
<div class="nivo-directionNav">.После замены, пропали переключатели и "кружочки" и появились цифры 3 и 2 внизу, "Next","Prev" по середине .
Итак, если я правильно понял мне сейчас надо найти nyvo_arrows.png и заменить старый файл. Да?
miyako (19 Август 2013 - 11:40) писал:
.theme-default a.nivo-prevNav { left: 15px; }и замените на -
.theme-default a.nivo-prevNav { left: 535px; }
#12
Отправлено 20 Август 2013 - 01:01
<div class="theme-default" style="padding:1em;display:none;">
на
<div class="nivo-directionNav">
Отмените данное изменение, путем обратной замены.
#13
Отправлено 20 Август 2013 - 01:28
#14
Отправлено 20 Август 2013 - 15:32
Vaccina (20 Август 2013 - 01:01) писал:
<div class="theme-default" style="padding:1em;display:none;">
на
<div class="nivo-directionNav">
Отмените данное изменение, путем обратной замены.
Но я не вижу вот этого кода
<div class="nivo-directionNav" style="display: none;">.
#15
Отправлено 20 Август 2013 - 19:37
#16
Отправлено 20 Август 2013 - 22:54
Итак, что мы имеем:
1. Сейчас "стрелочки" стоят ровно на тем местом, где должны будут стоять. (Правый нижний угол.)
2. Готовый файл с новыми переключателями "nyvo_arrows и в формате png." У меня уже есть я могу залить его завтра.
Теперь что надо сделать:
1. Сейчас размер переключателей 60x60, я хочу уменьшить их до 75%и так для этого
я пологаю надо изменить этот код:
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url('{ASSETS_IMAGES_PATH}nyvo_arrows.png') no-repeat; text-indent:-9999px; background-size: 120px 60px; width: 60px; height: 60px; border: 0; }
на этот:
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url('{ASSETS_IMAGES_PATH}nyvo_arrows.png') no-repeat; text-indent:-9999px; background-size: 90px 45px; width: 45px; height: 45px; border: 0; }2. Надо сделать, что бы переключателями не пропадали если отвести курсор со слайдера.
3. Надо сделать, что бы изображения менялись раз в 3 сек.
4. И еще, надо уже опустить эти переключатели в правый нижний угол.( )
Буду рад помощи с вашей стороны. И спасибо за ваше терпение.
#17
Отправлено 21 Август 2013 - 00:51
.nivo-directionNav { display: block !important; }
далее найдите
.nivo-directionNav a { cursor: pointer; position: absolute; top: 45%; z-index: 9; }
и замените на
.nivo-directionNav a { cursor: pointer; position: absolute; bottom: -10px; z-index: 9; }
Цитата
У вас на данный момент примерно такой интервал времени смены изображений и установлен.
#18
Отправлено 21 Август 2013 - 17:50
Сake (21 Август 2013 - 00:51) писал:
.nivo-directionNav { display: block !important; }
далее найдите
.nivo-directionNav a { cursor: pointer; position: absolute; top: 45%; z-index: 9; }
и замените на
.nivo-directionNav a { cursor: pointer; position: absolute; bottom: -10px; z-index: 9; }
У вас на данный момент примерно такой интервал времени смены изображений и установлен.
Готово.
Но, вот после замены
.nivo-directionNav a { cursor: pointer; position: absolute; bottom: -10px; z-index: 9; }Было так:
Но я сам похимичил и заменил этот же код на этот:
.nivo-directionNav a { cursor: pointer; position: absolute; bottom: -1px; z-index: 9; }стало вот так .
Можно так и оставить?
И последнее как сделать так, что бы правый переключатель был виден весь?
#19
Отправлено 21 Август 2013 - 21:57
.theme-default a.nivo-nextNav { background-position: -60px 0; right: 15px; }
и замените на
.theme-default a.nivo-nextNav { background-position: -45px 0; right: 15px; }
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных