Skip to main content

Szablon dla Joomla - JM-Eco-Cosmetics-Store (Sklep z ekologicznymi kosmetykami)

Szablon dla Joomla - JM-Eco-Cosmetics-Store, pod względem graficznym, jest bardzo podobny do szablonu JM-Eco-Cosmetics. Większość techicznych rozwiązań również jest podobna, więc artykuł o szczegółach templatki JM-Eco-Cosmetics może okazać się bardzo użyteczny.

Chcielibyśmy przedstawić różnice w obu szablonach.
Demo templatki JM-Eco-Cosmetics-Store nie zawiera komponentu oraz modułów DJ-Catalog2. Zamiast niego wdrożyliśmy nasz komponent do Joomla  DJ-ImageSlider wraz z najnowszym modułem o nazwie DJ-ImageTabber, który został opublikowany na pozycji "header". Jak można zobaczyć na demie szablonu, obrazki wyświetlane przez DJ-ImageTabber posiadają białe tło z zaokrąglonymi rogami oraz cieniem.
Style CSS odpowiedzialne za tło znajdziesz w pliku modules.css w linii 400:

 

.djimagetabber_bg {
background: url('/../images/tabber_bg.png') no-repeat scroll 0 0 transparent;
height:284px;
overflow:visible !important;
padding: 6px 11px 18px 12px;
width:654px;
}

 

Jeżeli zechcesz zmienić szerokość lub wysokość obrazka (w parametrach modułu), może się okazać, że aktualne tło nie będzie dopasowane do nowych rozmiarów obrazka. Prostym rozwiązaniem będzie podmiana istniejącego tła na odpowiednio większe/mniejsze. Specjalnie do tego celu przygotowaliśmy plik tabber_bg.psd (w folderze "source" w zakupionej paczce), który zawiera warstwy tworzące tło, na pewno skróci to czas ewentualnych modyfikacji. Podczas dobierania odpowiednich rozmiarów, warto wziąć pod uwagę odstępy ("padding: 6px 11px 18px 12px;"), których wartość trzeba dodać do nowego rozmiaru obrazka, tym sposobem otrzymasz odpowiednie rozmiary obrazka tła.

Więcej informacji o funkcjach szablonu znajdziesz tutaj