[Решено?..] Изменить фон только главной странице на картинку

[Sinpak]

Всем доброго дня!

 

Необходимо изменить фон только на главной странице на картинку и закрепить ее, но как это ПРАВИЛЬНО сделать, не понимаю...

Задумка следующая: фон - картинка, на ней HTML блоки, которые уже непосредственно ведут на категории и разделы.

 

Что сделал, убрал в home.tpl :

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>

<?php echo $footer; ?>

 

Туда же добавил ссылку на картинку: <img alt="" src="http://site.ru/catalog/view/theme/default/image/fon.png" style="width: 1126px; height: 845px;" />

 

При добавлении блоков HTML через одноименный модуль, "фон" уезжает вниз.

 

Прошу помощи в решении.

 

Заранее спасибо за помощь и ответы!

[ArtemPitov]

background-image  не слышали о таком ? 

[mazein]

<?php if (!isset($this->request->get['route']) || (isset($this->request->get['route']) && $this->request->get['route'] == 'common/home')) { ?>

то, что надо вывести только на главной

<?php } ?>

[Sinpak]

background-image  не слышали о таком ? 

Слышал, но как его правильно к главной прикрутить?

[ArtemPitov]

Слышал, но как его правильно к главной прикрутить?

по id или классу он для главной прописан должен быть 

[Sinpak]

mazein,

Спасибо, попробовал Ваш вариант, получилось: <?php if (!isset($this->request->get['route']) || (isset($this->request->get['route']) && $this->request->get['route'] == 'common/home')) { ?><img alt="" src="http://site.ru/catalog/view/theme/default/image/fon.png" style="width: 1126px; height: 845px;" />

<?php } ?>

разместил в home.tpl - получается то же самое...сама картинка выводится как надо, подключаешь HTML - съезжает вниз

[mazein]

Так я не понимаю, тебе картинку надо вставить, или фон?

Если фон, то куда?

Блоки какие-то... ничё не понятно.

[Sinpak]

Так я не понимаю, тебе картинку надо вставить, или фон?

Если фон, то куда?

Блоки какие-то... ничё не понятно.

Нужно что бы картинка размера 1126*845 была фоном только на главной, и что бы никуда не съезжала

[mazein]

Есть такое свойство - background

Его нужно применить к body

<?php if (!isset($this->request->get['route']) || (isset($this->request->get['route']) && $this->request->get['route'] == 'common/home')) { ?>
<style>body{background: url(путь до картинки)!important;}</style>
<?php } ?>

[ArtemPitov]

Зачем придумывать велосипед ? 

.common-home {background-image: url(); }

[Sinpak]

mazein,

Попробовал Ваше решение, картинка вывелась, но в множественном количестве, на полном экране нормально, при уменьшении масштаба выглядит вот так http://joxi.ru/12MD3dbu4wvE8m  хотелось бы конечно, что бы картинка была одна на размер экрана

[Sinpak]

ArtenPitov,

Подскажите пож-та по Вашему решению, в каком блоке это прописывается?

[mazein]

Попробовал Ваше решение, картинка вывелась, но в множественном количестве, на полном экране нормально, при уменьшении масштаба выглядит вот так http://joxi.ru/12MD3dbu4wvE8m  хотелось бы конечно, что бы картинка была одна на размер экрана

 

opencart тут уже закончился, и начался css

background-size: cover; тебе поможет

[Sinpak]

 

opencart тут уже закончился, и начался css

background-size: cover; тебе поможет

 

Это понятно, что поможет, будет так:

 

background: #ffffff url("../image/fon.png");

background-repeat: no-repeat;

background-position: top center;

background-size: cover;

background-attachment: fixed;

 

куда, точнее где в css эти значения прописать,что бы они только на главной отобразились?

Змінено 27 січня 2016 користувачем Sinpak

[mazein]

Как куда? Мы вообще о чём говорим-то?

Вот мы задаём стили для body, только для главной страницы, соответственно туда и прописывать

<?php if (!isset($this->request->get['route']) || (isset($this->request->get['route']) && $this->request->get['route'] == 'common/home')) { ?>
<style>body{background: url(путь до картинки)!important;}</style>
<?php } ?>

[Sinpak]

 

Как куда? Мы вообще о чём говорим-то?

Вот мы задаём стили для body, только для главной страницы, соответственно туда и прописывать

<?php if (!isset($this->request->get['route']) || (isset($this->request->get['route']) && $this->request->get['route'] == 'common/home')) { ?>
<style>body{background: url(путь до картинки)!important;}</style>
<?php } ?>

Что то все осталось без изменений.....

Посмотрите пож-та, что делаю не так

По порядку:

 

в файле catalog/view/theme/default/template/common/home.tpl

прописал:

 

<?php if (!isset($this->request->get['route']) || (isset($this->request->get['route']) && $this->request->get['route'] == 'common/home')) { ?>

<style>body{background: url(http://site.ru/catalog/view/theme/default/image/fon.png)!important;}</style>

<?php } ?>

 

Далее в файле catalog/view/theme/default/stylesheet/stylesheet.css

6-12 строки

 

body {

background: #ffffff url("../image/fon.png");

background-repeat: no-repeat;

background-position: top center;

background-size: cover;

background-attachment: fixed;

}

[mazein]

<?php if (!isset($this->request->get['route']) || (isset($this->request->get['route']) && $this->request->get['route'] == 'common/home')) { ?>

<style>

body{

background: #ffffff url("../image/fon.png")!important;

background-repeat: no-repeat;

background-position: top center;

background-size: cover;

background-attachment: fixed;

}

</style> 

<?php } ?>

Змінено 27 січня 2016 користувачем mazein

[Sinpak]

Всем огромное спасибо за помощь!

 

Итоговое решение следующее:

 

в home.tpl

 

<?php if (!isset($this->request->get['route']) || (isset($this->request->get['route']) && $this->request->get['route'] == 'common/home')) { ?>
<style>
body{
background: #ffffff url("http://test2.wildshoes.ru/catalog/view/theme/default/image/fon.png");
width: 1024px;
height: 768px;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
background-attachment: fixed;
}
</style>
<?php } ?>

 

Решено, тему можно закрывать.

Змінено 27 січня 2016 користувачем Sinpak