urbanson Posted October 31, 2016 Share Posted October 31, 2016 Jak można poszeryć zdjęcie na całą szerokość strony? Wysokość automatyczna ale szerokość na full... ? Z góry dzięki tomek Link to comment Share on other sites More sharing options...
0 endriu107 Posted October 31, 2016 Share Posted October 31, 2016 Masz na myśli zdjęcie kategorii? Jaki szablon? Link to comment Share on other sites More sharing options...
0 urbanson Posted October 31, 2016 Author Share Posted October 31, 2016 To jest szablon LEO theme. Presta 1.6.1.8. PRóbowałem "wyjąć" ten obraz z kontenera ale z kolei jest prblem z marginesem i boje się że będzie się rozjeżdżało na innych urzązdeniach typu smartfony, tablety i inne gadżety Link to comment Share on other sites More sharing options...
0 endriu107 Posted October 31, 2016 Share Posted October 31, 2016 Ciężko tak coś wywnioskować. Link to comment Share on other sites More sharing options...
0 urbanson Posted October 31, 2016 Author Share Posted October 31, 2016 poza tym nie bardzi się da go wyjąć z tego kontenera Link to comment Share on other sites More sharing options...
0 urbanson Posted October 31, 2016 Author Share Posted October 31, 2016 podać adres strony? Bo mam te opcje ujemnego marginesu.... ale nie wiem wtedy jak rozciągnąć zdjęcie i czy faktycznie będzie się to trzymało kupy na innych urządzeniach. Link to comment Share on other sites More sharing options...
0 endriu107 Posted October 31, 2016 Share Posted October 31, 2016 Podaj, będzie łatwiej wróżyć Link to comment Share on other sites More sharing options...
0 urbanson Posted October 31, 2016 Author Share Posted October 31, 2016 to jest to: http://www.bobbiny.pl/pl/3-bobbiny i chodzi o to żeby te dwa duże szare gałgany były na szerokość całej strony.a nie tak kulawo wypośrodkowane. Link to comment Share on other sites More sharing options...
0 urbanson Posted October 31, 2016 Author Share Posted October 31, 2016 to samo dotyczy oczywiście zdjęć wszyskitch kategorii. żeby były na całą szerokość strony Link to comment Share on other sites More sharing options...
0 endriu107 Posted October 31, 2016 Share Posted October 31, 2016 W prosty sposób tego nie da się zrobić ponieważ to co chcesz mieć na całą szerokość znajduje sie w kontenerze który nie jest na całą szerokość, nie da sie tego tak wyciągnąć aby strona sie nie rozjechała. Link to comment Share on other sites More sharing options...
0 design4VIP Posted October 31, 2016 Share Posted October 31, 2016 da siem jednak bedzie to wymagalo troche pracy i przede wszystkim umiejetnosci, nalezalo by zastosowac skrypt, ktorry bedzie badal tak szerokosc calego ekranu jak i samej grafiki (ta zmienia szeroksoc wraz z rozdzielczoscia ekranu) i dla .scene_cat .image ustalac przy position:relative; margin-left czy tez left procentowo tego elementu wlasnie tym skryptem. troche nakombinowac by sie trzeba bylo, ale wydaje mi sie TEORETYCZNIE to jak najbardziej wykonalne. Link to comment Share on other sites More sharing options...
0 urbanson Posted November 1, 2016 Author Share Posted November 1, 2016 a nie mogę tego zdjęcia wywalić poza ten kontener? no tak ale wtedy będę musiał przenieść to zdjęcie do pliku header.tpl..... a to chyba bez sensu.... sprawdzę tak czy siak, bo z tym skryptem to zabawa na cztery fajery.... ale dzięki za Wasze posty Link to comment Share on other sites More sharing options...
0 urbanson Posted November 2, 2016 Author Share Posted November 2, 2016 no niby wyrzuciłem to do header.tpl ale teraz ta fotka pojawia się na stronie produktu, a tego już byśmy nie chcieli.... Kurde niby banał a rozwiązania nie ma... Link to comment Share on other sites More sharing options...
0 urbanson Posted November 2, 2016 Author Share Posted November 2, 2016 no zrobiłem to ale chyba amatorka... Przerzuciłem zdjęcie kategorii do headera.tpl i doruciłem mu w divie wartość ID. a w product.tpl wstawiłem script javy zeby ukrył elementy po wartości ID. działa ale jedyne co jest irytuące to fakt że to zjęcie pojawai się na ułamek sekundy Link to comment Share on other sites More sharing options...
0 atomek Posted November 2, 2016 Share Posted November 2, 2016 spróbuj w ten sposób, do category.tpl dodaj skrypt <script type="text/javascript"> $(document).ready(function(){ var el = $('.content_scene_cat_bg').clone(); $('.content_scene_cat_bg').remove(); $(el).prependTo('#columns'); }); </script> będziesz musiał zmienić css dla tego elementu Link to comment Share on other sites More sharing options...
0 design4VIP Posted November 2, 2016 Share Posted November 2, 2016 (edited) pregladajac linka z pierwszego posta niby wszystko sie zgadza, powiedzmy, dziala. mam tylko jedno ALE: u mnie na rozdzielczosci szer. 1900 zostaje z prawej storny margines, bo wiekszosc grafik masz na 1500. wrzuc styl dla kontenera grafiki class="image" text-align:center; a dla samej grafiki class="img-responsive" display:inline-block; zamiast samego block. wtedy przy wiekszysch rozdzielczosciach grafika bedzie sie ustawiac wysrodkowanie. moim zdaniem o wiele ladniej Edited November 2, 2016 by design4VIP (see edit history) Link to comment Share on other sites More sharing options...
0 urbanson Posted November 2, 2016 Author Share Posted November 2, 2016 super pomysły, i działają oba, ten skrypt też daje fajnie radę Zwiększyłem obrazy kategorii do 1920px. ale jak widzę to nadal mam marginesy z lewej i z prawej strony. Widzicie je? Jak można się ich pozbyć? Link to comment Share on other sites More sharing options...
0 design4VIP Posted November 2, 2016 Share Posted November 2, 2016 a w ktorych kateogriach pozmieniales zdjecia? bo u mnie w tych co sprawdzalem to dalej 1500 a co masz w ustawieniach Preferencje > zdjecia dla 'category-default' ? czy tutaj wartosci zmieniles? Link to comment Share on other sites More sharing options...
0 urbanson Posted November 2, 2016 Author Share Posted November 2, 2016 tak, zmieniłem tam na 1900x663px.... Raz jeszcze wrzcue ten obraz. Link to comment Share on other sites More sharing options...
0 atomek Posted November 2, 2016 Share Posted November 2, 2016 obrazek ma 1920px, ale z lewej i z prawej ma białe tlo Link to comment Share on other sites More sharing options...
0 urbanson Posted November 2, 2016 Author Share Posted November 2, 2016 (edited) faktycznie, ale to dziwne bo ładowany obraz nie ma tych marginesów. Możliwe że żle ustawiłem wysokość w preferncje->obrazy category_default i jest jest za mała i nie rozciąga ubrazu na pełną szerokość? Edited November 2, 2016 by urbanson (see edit history) Link to comment Share on other sites More sharing options...
0 atomek Posted November 2, 2016 Share Posted November 2, 2016 wgrywaj zdjęcia o takich wymiarach jak masz tam ustawione Link to comment Share on other sites More sharing options...
0 design4VIP Posted November 2, 2016 Share Posted November 2, 2016 a po zmianie wygenerowales ponownie miniatuty dla category-default? Link to comment Share on other sites More sharing options...
0 urbanson Posted November 2, 2016 Author Share Posted November 2, 2016 dobra wszystko jasne. Zatem dla potomnych podsumowanie. aby rozciągnąć zdjęcie kategorii na całą szerokość strony trzeba połączyć 3 posty z tego tematu. 1. Zwiększyć rozmiar zdjęcia w perferencje -> obrazy category_default do minimum 1920 albo i więcej i odpowiednio wysokość aby uniknąć białych marginesów 2. zedytować styl dla kontenera grafiki class="image" text-align:center; a dla samej grafiki class="img-responsive" display:inline-block; zamiast samego block. wtedy przy wiekszysch rozdzielczosciach grafika bedzie sie ustawiac wysrodkowanie. 3 do pliku category.tpl wrzucić skrypt <script type="text/javascript"> $(document).ready(function(){ var el = $('.content_scene_cat_bg').clone(); $('.content_scene_cat_bg').remove(); $(el).prependTo('#columns'); }); var elem = document.getElementById('imagecategory'); elem.style.visibility = 'visible'; </script> a w znaczniku <div class="image" style="text-align:center; visibility:hidden" id="imagecategory"> dodać style="text-align:center; visibility:hidden" id="imagecategory" - to pozwala na uniknięcie migania obrazu przy ładnowaniu storny. i tyle. Dziękuję bardzo wszystkim za pomoc! Link to comment Share on other sites More sharing options...
Question
urbanson
Jak można poszeryć zdjęcie na całą szerokość strony?
Wysokość automatyczna ale szerokość na full... ?
Z góry dzięki
tomek
Link to comment
Share on other sites
23 answers to this question
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now