Jump to content
  • 0

Tło tylko na głównej stronie

mrova

Asked by mrova,

 Share

Question

mrova Newbie

mrova

Posted
Posted

Chciałbym, aby wybrane przeze mnie tło było tylko aktywne po wejściu na główną stronę. Czy jest możliwość wpisania do global.css informacji, tak aby tło było ważne tylko dla początkowej strony?

 

W tej chwili mam dopisane:

 

.columns-container {
  background: #fff url('mój url'); } i działa, ale dla każdej strony.

 

 

Ps. Mam drobny zgrzyt wizualny po wstawieniu tła:

 

8f0973f8-d426-4556-9fde-732ed2d021a0_zps

 

Da się jakoś zmniejszyć tą belkę, żeby nie wystawała przed szereg? :)

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0
korni Newbie

korni

Posted
Posted

jak dodasz do klasy tło to będzie ono powtarzane na każdej stronie gdzie występuje ta klasa.
W sumie to można na dwa sposoby to zrobić:

Pierwszy umożliwia większe modyfikacje w szablonie, drugi natomiast dodanie samego tła:

1)

{if $page_name == 'index'} 
 <div class="columns-container bg_color">
{else}
<div class="columns-container">
{/if}

i oczywiście styl dla niego:

.bg_color {background-color: #fff;

2)

 

dopisać do bloku klasę z tłem:

<div class="columns-container bg_color">

i styl:

#index .bg_color {background-color: #fff;
Link to comment
Share on other sites
  • 0
vekia Apprentice

vekia

Posted
Posted

nadrzędna klasa jest w body, tj obiekt <body> przyjmuje id o różnych wartościach w zalezności od przeglądanej strony

np. dla storny głównej jest to "index"

PiG6tU7.png

 

 

w związku z czym w stylach css można korzystać z:

#index .columns-container {
    background:red!important;
}

nie trzeba modyfikować plików tpl :-)

Link to comment
Share on other sites
  • 0
mrova Newbie

mrova

Posted
  • Author
Posted (edited)

Wszystko działa jak należy po wpisaniu:

 

#index .columns-container {
    background:red!important;
}

 

 

Da się jakoś poprawić ten pasek z nowościami, popularnymi produktami, tak żeby nie wystawiał poza kolumnę?

Edited by mrova (see edit history)
Link to comment
Share on other sites
  • 0
korni Newbie

korni

Posted
Posted 
#index .columns-container {
    background:red!important;
}

nie trzeba modyfikować plików tpl :-)

 

 

dlatego napisałem, że w pierwszy sposób umożliwia większą modyfikację, jakby się chciało dodatkowo wstawić np bloki.

 

w każdym bądź razie, smutno mi, ponieważ znów musiałeś poprawić :(

 

Link to comment
Share on other sites
  • 0
vekia Apprentice

vekia

Posted
Posted

dlatego napisałem, że w pierwszy sposób umożliwia większą modyfikację, jakby się chciało dodatkowo wstawić np bloki.

 

w każdym bądź razie, smutno mi, ponieważ znów musiałeś poprawić :(

 

 

a tam, 

każda droga do osiągnięcia celu jest dobra ;)

Link to comment
Share on other sites
  • 0
szkut Newbie

szkut

Posted
Posted

a ja się podpinam pod temat: mam bardzo podobny problem.

 

www.kuguar.pl, prestashop 1.5

 

pragnę stowrzyć całą stronę która będzie wyglądała na wzór tego: http://www.kuguar.pl/6-rowery. Dla kategorii nie było z tym problemu, bo każdy div jest ładnie opisany w global, category.css.

 

Problem pojawia się gdy chce w ten sposób wyświetlać moje strony cms. Jedynym rozwiązaniem na jakie dotychczas wpadłem to w WYSIWYG - przyciskam html i w tym oknie wklejam przezemnie napisany kod (tak właśnie zrobiłem cms na stronie głównej).

 

Czy istnieje jakiś inny sposób, aby nie pisać z osobna dla każdego cms kod, tylko zmienić gdzieś jedną regułę która przypisze się do wszystkich stron cms?

Jeżeli nie ma na to innej rady, niż pisanie kodu, to jak mam dodać interesujące mnie style dla stron cms takich jak: http://www.kuguar.pl/content/category/2-doradzamy. Nie jest to strona w WYSIWAG - tylko klikam na przycisk 'doradzamy' i wyskakuje mi lista ston cms.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to question listing
×
×
  • Create New...