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


Модификация Страниц


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

#1 Fobas

Fobas

    Пользователь

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

Отправлено 16 Август 2013 - 15:53

Всем привет, у меня есть пару воросов по поводу изменения страниц сайта.
Возможно ли:
1. Заменить этот логотип на свой.
2. Удалить вот эти штуки и поиск по товарам со свех страниц.
3. Добавить раздел гарантии.
4. перенестить стрелочки для прокрутки слайдера вот сюда и чтоб они были видны все всемя а не только когда наводишь курсор на изображение.

Изображение

Пожалуй все.
Буду очень благодарен за помощь.

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

  • ScreenShot.jpg


#2 sengun

sengun

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

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

Отправлено 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 Fobas

Fobas

    Пользователь

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

Отправлено 16 Август 2013 - 22:55

Извиняюсь за то, что так долго не отвечал.
Так скриншот я залил повторно.

На счет лого. В разделе изображения есть 2 файла.
1— header_page.png
2— header_page_without_logo.png
интересно узнать  чем они отличаются и мне точно менять 1 файл?

Далее форма поиска. Вот я тут убрал поиск и допустим добавил лого.
Изображение
Только как теперь выделить это лого и сделать ссылкой на главную страницу? И еще можно ли  подвинуть  корзину правее (не собьются ли ссылки?) и увеличить текст.

Далее меню справа, скорее мне нужно "убрать только каталог и сравниваемые товары". И добавить туда баннеры Вконтакте например.

На счет 4 вопроса нашел решение которое мне подходит.

http://www.skitter-slider.net/ попробую завтра установить.

#4 miyako

miyako

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

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

Отправлено 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 Fobas

Fobas

    Пользователь

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

Отправлено 17 Август 2013 - 17:33

Спасибо за быстрые ответы.

Я сделал шапку, создал страницу "Гарантии", убрал поиск, убрал сравнение товаров. Осталось только слегка сдвинуть надпись "в корзине товаров на 0 р" и доделать слайдер. У меня не получилось установить тот слайдер, мне нужно увеличить кнопки переключения и сделать их видимыми всегда, с виджетом вк я разберусь сам когда будет допилена сама группа. А и еще как сделать раз метку логотипа можно пользоваться этим сайтом (http://www.maschek.hu/imagemap/imgmap)?
Да и вот ссылка на сам сайт http://www.sballs.storeland.ru

#6 Absolem

Absolem

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

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

Отправлено 18 Август 2013 - 09:14

В main.css Найдите код -
#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 miyako

miyako

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

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

Отправлено 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 Fobas

Fobas

    Пользователь

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

Отправлено 18 Август 2013 - 15:46

Просмотр сообщенияAbsolem (18 Август 2013 - 09:14) писал:

В main.css Найдите код -
#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 на вот эту картинку  sprite-default1.png например. Но в идиале хотелось .s вот такие переключатели
Снимок.JPG И чтобы они были внизу.

Далее мелочи. Я упомянул лого потому что разметка не очень правильная, она осталась с прежнего логотипа. Например, буквы "S" и "ru" не входят в разметку. Ну вы поняли.

#9 Fobas

Fobas

    Пользователь

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

Отправлено 18 Август 2013 - 20:37

Или если делать кнопки слишком долго, то давайте оставим все как было только, что бы слайды быстрее прокручивались.

#10 miyako

miyako

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

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

Отправлено 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 Fobas

Fobas

    Пользователь

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

Отправлено 19 Август 2013 - 16:33

Просмотр сообщенияmiyako (19 Август 2013 - 11:40) писал:

Вы не сделали изменения -
<div class="nivo-directionNav" style="display: none;">
нужно заменить на -
<div class="nivo-directionNav">
Именно такой строки в HTML коде я не вижу, есть вот такая:
<div class="theme-default" style="padding:1em;display:none;">
Ну я все равно заменил этот код на
<div class="nivo-directionNav">
.После замены, пропали переключатели и "кружочки" и появились цифры 3 и 2 внизу,  "Next","Prev" по серединеСнимок2.JPG .

Итак, если я правильно понял мне сейчас надо найти nyvo_arrows.png и заменить старый файл. Да?

Просмотр сообщенияmiyako (19 Август 2013 - 11:40) писал:

Далее найдите код -
.theme-default a.nivo-prevNav {
left: 15px;
}
и замените на -
.theme-default a.nivo-prevNav {
left: 535px;
}
А зачем нужна эта замена? после нее ничего не меняется (визуально конечно).

#12 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Август 2013 - 01:01

Вам не нужно менять

<div class="theme-default" style="padding:1em;display:none;">

на

<div class="nivo-directionNav">

Отмените данное изменение, путем обратной замены.

#13 Fobas

Fobas

    Пользователь

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

Отправлено 20 Август 2013 - 01:28

Хорошо я завтра поменяю назад и поищу именно ту строку. Но не уверен что она есть.

#14 Fobas

Fobas

    Пользователь

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

Отправлено 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 Stasya

Stasya

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

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

Отправлено 20 Август 2013 - 19:37

Давайте начнем все заново и будем действовать по порядку. Вы загрузили данное изображение  к  себе в разделе Сайт-> Редактор шаблонов -> Добавить файлы? Если нет, то загрузите с именем nyvo_arrows и в формате png.

#16 Fobas

Fobas

    Пользователь

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

Отправлено 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.  И еще, надо уже опустить эти переключатели в правый нижний угол.(image.jpg )

Буду рад помощи с вашей стороны. И спасибо за ваше терпение.

#17 Сake

Сake

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

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

Отправлено 21 Август 2013 - 00:51

Добавьте в файл стилей nyvo.css

.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;
}

Цитата

Надо сделать, что бы изображения менялись раз в 3 сек

У вас на данный момент примерно такой интервал времени смены изображений и установлен.

#18 Fobas

Fobas

    Пользователь

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

Отправлено 21 Август 2013 - 17:50

Просмотр сообщенияСake (21 Август 2013 - 00:51) писал:

Добавьте в файл стилей nyvo.css

.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;
}
Было так:Снимофк.JPG
Но я сам похимичил и заменил этот же код на этот:
.nivo-directionNav a {
	 cursor: pointer;
	 position: absolute;
	 bottom: -1px;
	 z-index: 9;
}
стало вот такСнимок1.JPG .
Можно так и оставить?
И последнее как сделать так, что бы правый переключатель был виден весь?

#19 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Август 2013 - 21:57

Найдите в файле стилей nyvo.css

.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 анонимных