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


Фото, Картинки На Главной Странице


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

#1 Alexxey

Alexxey

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

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

Отправлено 25 Март 2016 - 16:01

Здравствуйте.

Подскажите, пожалуйста, как можно вставить картинки в три блока на главной странице.
Блоки в которых хотелось бы видеть картинки, отметил на принтскрине красными прямоугольниками.

Алексей.
Аккаунт SL-285687

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

  • принтскрин.jpg


#2 Danil

Danil

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

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

Отправлено 25 Март 2016 - 17:01

Просмотр сообщенияAlexxey (25 Март 2016 - 16:01) писал:

Здравствуйте.

Подскажите, пожалуйста, как можно вставить картинки в три блока на главной странице.
Блоки в которых хотелось бы видеть картинки, отметил на принтскрине красными прямоугольниками.

Алексей.
Аккаунт SL-285687
Здравствуйте.
Дело в том, что при изменении разрешения экрана, боковые изображения будет не видно, либо не полностью.
Что касается изображения в шапке, то нужно уточнить, Вы хотите заменить текущее фоновое изображение на свое или как то иначе?

#3 Alexxey

Alexxey

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

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

Отправлено 25 Март 2016 - 17:25

В шапке хочу изменить на свое.

#4 Danil

Danil

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

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

Отправлено 25 Март 2016 - 17:32

Просмотр сообщенияAlexxey (25 Март 2016 - 17:25) писал:

В шапке хочу изменить на свое.
В main.css найдите код
body { background:url('{ASSETS_IMAGES_PATH}bg-repeat-x.jpg') #e6e4db center top repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; margin:0;padding:0;color:#000;}
и замените на

body { font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; margin:0;padding:0;color:#000;}
найдите
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg') -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; }
в коде замените название текущего фонового изображения header-bg.jpg на свое, предварительно загрузив его в раздел Сайт - Редактор шаблонов.

#5 Alexxey

Alexxey

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

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

Отправлено 27 Март 2016 - 14:00

Спасибо!

#6 Alexxey

Alexxey

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

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

Отправлено 27 Март 2016 - 14:05

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

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

  • принтскрин.jpg


#7 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 27 Март 2016 - 14:19

Просмотр сообщенияAlexxey (27 Март 2016 - 14:05) писал:

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

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header .topmain .logotype { width: 30%; height: 100%; margin-left: 35%;}

Замените на:
#header .topmain .logotype {width: 30%;height: 100%;margin-left: 35%;display: none;}

Найдите код:
#header .topmain { width: 100%; height: 45.5%; }

Замените на:
#header .topmain { width: 100%; height: 70.5%; }

Найдите код:
#header .bottommain .headcent { width: 25%;  height:20px; margin-top: 6.5%; padding: 0 1.5%; color:#767676; }

Замените на:
#header .bottommain .headcent { width: 25%;  height:20px; margin-top: 2.5%; padding: 0 1.5%; color:#767676; }


#8 Alexxey

Alexxey

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

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

Отправлено 27 Март 2016 - 21:35

Спасибо! Всё получилось!

Можно еще не много подкорректировать:
в блоке "ваша корзина", убрать "открыть корзину".

И только заметил, что изменилась шапка - она расползлась вниз. Можно ли ее сделать так как на первом рисунке "принсткрин", сейчас она выглядит - рисунок "принт".

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

  • принтскрин.jpg
  • принт.jpg


#9 Юля123

Юля123

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

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

Отправлено 28 Март 2016 - 11:17

Просмотр сообщенияAlexxey (27 Март 2016 - 21:35) писал:

Спасибо! Всё получилось!

Можно еще не много подкорректировать:
в блоке "ваша корзина", убрать "открыть корзину".

И только заметил, что изменилась шапка - она расползлась вниз. Можно ли ее сделать так как на первом рисунке "принсткрин", сейчас она выглядит - рисунок "принт".

Здравствуйте, в шаблоне HTMl найдите и удалите код:

				<li class="fntarl fnt11 i opencart"><a href="{CART_URL}">Открыть корзину</a></li>


далее в main.css найдите код:

#header { background: url('{ASSETS_IMAGES_PATH}Picnic.jpg') -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; }

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

#header { background: url('{ASSETS_IMAGES_PATH}Picnic.jpg') -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; background-size: 100% 56%;}


#10 Alexxey

Alexxey

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

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

Отправлено 28 Март 2016 - 15:15

Спасибо!

#11 Alexxey

Alexxey

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

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

Отправлено 28 Март 2016 - 15:32

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

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

  • принтс.jpg


#12 Danil

Danil

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

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

Отправлено 28 Март 2016 - 15:45

Просмотр сообщенияAlexxey (28 Март 2016 - 15:32) писал:

Скажите, пожалуйста, как сделать шапку активной, то есть, чтобы с любой страницы когда кликаешь на шапку (picnic) можно было попасть на главную страницу.
В main.css найдите код
#header { background: url('{ASSETS_IMAGES_PATH}Picnic.jpg') -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; background-size: 100% 56%;}
и замените на
#header > a > img {width:100%;height:109px;position:absolute;top: 38px;}
#header { height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; }
@media screen and (max-width: 980px) {
#header > a > img{
display: none;
}
}
В шаблоне html после строки
<div id="header" class="clr">
вставьте
 <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}Picnic.jpg"></a>


#13 Alexxey

Alexxey

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

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

Отправлено 28 Март 2016 - 15:50

Спасибо!

#14 Alexxey

Alexxey

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

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

Отправлено 29 Март 2016 - 09:01

Вчера открыл сайт через мобильный, шапки нет (исчезла). Скажите, как ее вернуть в мобильную версию?
Спасибо!

#15 Danil

Danil

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

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

Отправлено 29 Март 2016 - 09:11

Просмотр сообщенияAlexxey (29 Март 2016 - 09:01) писал:

Вчера открыл сайт через мобильный, шапки нет (исчезла). Скажите, как ее вернуть в мобильную версию?
Спасибо!
Изменения Вам произвели, проверьте.

#16 Alexxey

Alexxey

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

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

Отправлено 29 Март 2016 - 09:25

Спасибо!




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

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