Фото, Картинки На Главной Странице
#1
Отправлено 25 Март 2016 - 16:01
Подскажите, пожалуйста, как можно вставить картинки в три блока на главной странице.
Блоки в которых хотелось бы видеть картинки, отметил на принтскрине красными прямоугольниками.
Алексей.
Аккаунт SL-285687
#2
Отправлено 25 Март 2016 - 17:01
Alexxey (25 Март 2016 - 16:01) писал:
Подскажите, пожалуйста, как можно вставить картинки в три блока на главной странице.
Блоки в которых хотелось бы видеть картинки, отметил на принтскрине красными прямоугольниками.
Алексей.
Аккаунт SL-285687
Дело в том, что при изменении разрешения экрана, боковые изображения будет не видно, либо не полностью.
Что касается изображения в шапке, то нужно уточнить, Вы хотите заменить текущее фоновое изображение на свое или как то иначе?
#3
Отправлено 25 Март 2016 - 17:25
#4
Отправлено 25 Март 2016 - 17:32
Alexxey (25 Март 2016 - 17:25) писал:
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
Отправлено 27 Март 2016 - 14:00
#7
Отправлено 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
Отправлено 27 Март 2016 - 21:35
Можно еще не много подкорректировать:
в блоке "ваша корзина", убрать "открыть корзину".
И только заметил, что изменилась шапка - она расползлась вниз. Можно ли ее сделать так как на первом рисунке "принсткрин", сейчас она выглядит - рисунок "принт".
#9
Отправлено 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
Отправлено 28 Март 2016 - 15:15
#12
Отправлено 28 Март 2016 - 15:45
Alexxey (28 Март 2016 - 15:32) писал:
#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
Отправлено 28 Март 2016 - 15:50
#14
Отправлено 29 Март 2016 - 09:01
Спасибо!
#16
Отправлено 29 Март 2016 - 09:25
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных