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


Как Добавить Баннер На Главной Странице Под Верхним Меню


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

#1 Nana

Nana

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

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

Отправлено 23 Март 2013 - 17:49

Добрый день.
Как добавить баннер на главной странице под верхним меню?
Также хочу расположить в правом верхнем углу иконку для корзины

#2 support 2.0

support 2.0

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

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

Отправлено 23 Март 2013 - 18:05

Просмотр сообщенияnana (23 Март 2013 - 17:49) писал:

Добрый день.
Как добавить баннер на главной странице под верхним меню?
Также хочу расположить в правом верхнем углу иконку для корзины

в шаблоне HTML найдите строчку
<div class="container" id="cpages">
сразу после нее вставьте
{% IF index_page %}
<a href="#"><img src="ссылка на изображение" alt="" /></a>
{% ENDIF %}
изображение лучше ставить шириной в от 800 до 1000 пикселей.
вместо # можете вставить ссылку на страницу сайта, чтобы при нажатии на изображение, переходило именно туда
вместо ссылка на изображение укажите ссылку на изображение, которые вы хотите сюда поставить

#3 Nana

Nana

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

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

Отправлено 23 Март 2013 - 19:38

Просмотр сообщенияsupport 2.0 (23 Март 2013 - 18:05) писал:

в шаблоне HTML найдите строчку
<div class="container" id="cpages">
сразу после нее вставьте
{% IF index_page %}
<a href="#"><img src="ссылка на изображение" alt="" /></a>
{% ENDIF %}
изображение лучше ставить шириной в от 800 до 1000 пикселей.
вместо # можете вставить ссылку на страницу сайта, чтобы при нажатии на изображение, переходило именно туда
вместо ссылка на изображение укажите ссылку на изображение, которые вы хотите сюда поставить
SL-189999.jpg


Хотелось бы чтобы выглядело вот так..

#4 Koderhan

Koderhan

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

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

Отправлено 23 Март 2013 - 20:15

Просмотр сообщенияnana (23 Март 2013 - 19:38) писал:

Прикрепленный файл SL-189999.jpg


Хотелось бы чтобы выглядело вот так..

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:
.contentTableHeadMainPhone {font-family:Georgia;font-size: 22px;left:-770px;position:relative;}
Заменить:
.contentTableHeadMainPhone {font-family:Georgia;font-size: 17px;left:-770px;top: 90px;position:relative;}

Найти код:

.b_page {
background: url(http://s629381.storeland.net/tw_header.jpg) no-repeat 28% top;
}
Заменить:
.b_page {
background: url(http://s629381.storeland.net/tw_header.jpg) no-repeat 47% top;
}


#5 support 2.0

support 2.0

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

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

Отправлено 23 Март 2013 - 20:32

Просмотр сообщенияnana (23 Март 2013 - 19:38) писал:

Прикрепленный файл SL-189999.jpg


Хотелось бы чтобы выглядело вот так..

в файле main.css найдите блок
#cartInfo {
position:absolute;
font-size: 13px;
top: 80px;
left: 380px;
white-space:nowrap;
overflow:hidden;
height:20px;
width: 340px;
}
#cartInfo a {
color:#000;
text-transform: uppercase;
padding:5px 0px 5px 45px;
}
замените на
#cartInfo {
font-size: 13px;
white-space:nowrap;
overflow:hidden;
height:20px;
width: 340px;
margin-top: 170px;
position: absolute;
right: 0;
}
#cartInfo a {
text-transform: uppercase;
padding:5px 0px 5px 45px;
color: rgb(207, 138, 12);
font-weight: bold;
}

теперь найдите
#search{
height: 35px;
float: right;
padding-top: 45px;
padding-right: 15px;
width: 245px;
} #search .search_box {
background:;margin-top: 220px;
border:none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding:0px;padding-left: 14px;
padding-top: 8px;

}
замените на
#search{
height: 35px;
float: left;
width: 245px;
position: absolute;
margin: 160px 0px 0px 350px;
} #search .search_box {
width: 200px;
padding: 5px 0px 5px 8px;
border: 1px solid black;
box-shadow: 0 0 5px rgb(255, 204, 157); /* Параметры тени */
}

теперь найдите
#contactInfo {color: #442d25;
position:absolute;font:
font-size:1.1em;font:Castellar;
top: 60px;
left: 770px;
}
.contactInfoContent {
height:100px;
width: 187px;
vertical-align:middle;
}
замените на
#contactInfo {
color: #442d25;
position: absolute;
font: bold 13px Castellar;
top: 100px;
left: 30px;
text-shadow: 1px 0px 0px rgb(255, 204, 157);
}
.contactInfoContent {
height:100px;
width: 220px;
vertical-align:middle;
}

должно получить так, как на скриншоте

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

  • ScreenShot 195.png


#6 Nana

Nana

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

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

Отправлено 23 Март 2013 - 22:09

Спасибо, большое, разобрались, хотя не на всех носителях отображается корректно...
И еще, подскажите, пожалуйста,  как вставить иконку корзины?

#7 Nana

Nana

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

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

Отправлено 24 Март 2013 - 13:45

Скажите пожалуйста, как добавить на сайт такую иконку корзины? Чтобы при нажатии на картинку перенаправляло в корзину.
Изображение
Вот ссылка на саму иконку http://files.storela...485453/cart.png

#8 mikola

mikola

    Good soo good

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

Отправлено 24 Март 2013 - 15:59

Просмотр сообщенияnana (24 Март 2013 - 13:45) писал:

Скажите пожалуйста, как добавить на сайт такую иконку корзины? Чтобы при нажатии на картинку перенаправляло в корзину.

Вот ссылка на саму иконку http://files.storela...485453/cart.png
Заявка закрыта по телефону....Проблема решена

#9 Nana

Nana

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

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

Отправлено 05 Апрель 2013 - 06:14

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

Просмотр сообщенияnana (05 Апрель 2013 - 06:14) писал:

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


#10 Vaccina

Vaccina

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

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

Отправлено 05 Апрель 2013 - 06:58

Посмотрите следующий список программ для оптимизации изображений http://habrahabr.ru/post/79325/
Там в списке есть пара программ для gif изображений.

#11 Nana

Nana

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

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

Отправлено 05 Апрель 2013 - 18:34

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

#12 Kirill_LN

Kirill_LN

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

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

Отправлено 05 Апрель 2013 - 20:19

Вечер добрый. Возник следующий вопрос по баннеру на главной, установил Nyvo слайдер по инструкции, непонятно откуда появляется справа от баннера текст, хотелось бы убрать слишком большие белые поля сверху и снизу. И убрать баннер из раздела доставки :)

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

  • 43534534.jpg


#13 mikola

mikola

    Good soo good

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

Отправлено 05 Апрель 2013 - 21:42

Просмотр сообщенияKirill_LN (05 Апрель 2013 - 20:19) писал:

Вечер добрый. Возник следующий вопрос по баннеру на главной, установил Nyvo слайдер по инструкции, непонятно откуда появляется справа от баннера текст, хотелось бы убрать слишком большие белые поля сверху и снизу. И убрать баннер из раздела доставки :)
Проверьте правильность установки баннера.,ваш код установлен в шаблоне "Страницы"
следуйте данными инструкциям http://storeland.ru/about/faq#51

#14 Kirill_LN

Kirill_LN

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

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

Отправлено 19 Апрель 2013 - 08:52

Просмотр сообщенияMikola (05 Апрель 2013 - 21:42) писал:

Проверьте правильность установки баннера.,ваш код установлен в шаблоне "Страницы"
следуйте данными инструкциям http://storeland.ru/about/faq#51

Переустановил баннер, сейчас вот так:

Изображение

А хотелось бы вот так:

Изображение

#15 miyako

miyako

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

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

Отправлено 19 Апрель 2013 - 11:46

Просмотр сообщенияKirill_LN (19 Апрель 2013 - 08:52) писал:

Переустановил баннер, сейчас вот так:

Изображение

А хотелось бы вот так:

Изображение

Можете подробнее объяснить что вы хотите сделать? По скриншотам -  кроме рамки разницы не вижу

#16 Kirill_LN

Kirill_LN

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

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

Отправлено 19 Апрель 2013 - 13:38

Ок, необходимо убрать лишнее пространство под переключателем слайдера, передвинув "Хиты продаж" выше

#17 Taisia

Taisia

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

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

Отправлено 19 Апрель 2013 - 14:21

вы переключатель слайдов будете оставлять ?

что бы сократить расстояние в файле nyvo.css найдите блок
.nivo-controlNav {
padding: 20px 0;
text-align: center;
}

и замените на

.nivo-controlNav {
padding: 20px 0;
text-align: center;
padding-bottom:0px;
}

что бы убрать переключатель слайдеров

замените код на


.nivo-controlNav {
padding: 20px 0;
text-align: center;
display:none;
}

а в файле main.css добавьте строку

.theme-default {padding-bottom:30px !important;}

padding-bottom:30px - этот параметр влияет на расстояние от слайдера

#18 Kirill_LN

Kirill_LN

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

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

Отправлено 19 Апрель 2013 - 14:58

Просмотр сообщенияTaisia (19 Апрель 2013 - 14:21) писал:

вы переключатель слайдов будете оставлять ?

что бы сократить расстояние в файле nyvo.css найдите блок
.nivo-controlNav {
padding: 20px 0;
text-align: center;
}

и замените на

.nivo-controlNav {
padding: 20px 0;
text-align: center;
padding-bottom:0px;
}

что бы убрать переключатель слайдеров

замените код на


.nivo-controlNav {
padding: 20px 0;
text-align: center;
display:none;
}

а в файле main.css добавьте строку

.theme-default {padding-bottom:30px !important;}

padding-bottom:30px - этот параметр влияет на расстояние от слайдера

Спасибо за помощь, изменение значения  padding-bottom:30 в "+" действительно увеличивает расстояние до слайдера, но уменьшение этого значения вплоть до -150px не уменьшает это расстояние, и не приближает слайдер
Переключатель слайдов буду оставлять

#19 Taisia

Taisia

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

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

Отправлено 19 Апрель 2013 - 17:05

если будете оставлять - используйте первый вариант ответа )

#20 Kirill_LN

Kirill_LN

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

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

Отправлено 20 Апрель 2013 - 08:02

Просмотр сообщенияTaisia (19 Апрель 2013 - 17:05) писал:

если будете оставлять - используйте первый вариант ответа )

Цитата

что бы сократить расстояние в файле nyvo.css найдите блок
.nivo-controlNav {
padding: 20px 0;
text-align: center;
}

и замените на


.nivo-controlNav {
padding: 20px 0;
text-align: center;
padding-bottom:0px; }


Проделал данную операцию, пробовал изменять значения padding-bottom. Не помогло, слайдер не двигается




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

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