ROZWIĄZANE Jak powiększyć zdjęcia produktów na stronie głównej i usunąć przycisk "do koszyka"?

a czy po ustawieniu max-height: na więcej powiększa się obrazek?

 

Nie. próbowałem np.: na 400 px i obrazki nie powiększają się.

 

Ten wpis był pod usera (a raczej sklep) @Fasone . W jego szablonie 300px było max bez modyfikacji innych elementów, stąd napisałem:

W moim testowym sklepie da się to zwiększyć w ten sposób o raptem kilka pikseli . U Ciebie trzeba to zatem zrobić inaczej.

 

Usuwam zatem tą część kodu. U mnie też nienznacznie powiększyło obrazki ale nie w tym stopniu jak oczekiwałem. Będę wdzięczny za jakieś wskazówki.

 

Zdjęcia są skalowane, zatem przy 'obrazkach' bardziej kwadratowych należy oprócz wysokości zająć się szerokością. U kolegi zdjęcia sukienek były podłużne, zatem wystarczyło manipulować wysokością.

Kod:

.s-row .s-grid-3 {
    width: 380px;
}

.products.viewphot .product .prodimage .img-wrap img {
    max-height: 300px;
}

.products.viewphot .product {
    border: medium none;
    background-color: #FFF;
    height: 500px;
}

Przy takich parametrach obrazki będą 300 x 300 - przy tych flakonikach w zupełności wystarczy i jest w miarę równo. Jeśli chcesz "mniej" - manipuluj podanymi parametrami. To zresztą dość logiczne - jak powiększasz jakiekolwiek zdjęcie - zwiększa się nie tylko "góra-dół, ale też "lewo-prawo". Jeśli masz z góry określone "lewo-prawo" - obrazka nie uda się powiększyć, bo 3 zdjęcia "nie wcisną się" w jednym wierszu - nastąpi przeniesienie i całość w ogóle się rozjedzie.

 

Strona główna jest idealnie tak jak chciałem. Niestety po kliknięciu w konkretny produkt zupełnie się rozjechała. (zdj. 2)
Na tej stronie już mogły by być mniejsze zdjęcia czy da się to jeszcze zmodyfikować?

 

Podstrona się rozjechała, bo nadpisana przez nas wcześniej klasa w CSS (odpowiadająca za szerokość) była również tam wykorzystana. Powiększyliśmy parametr, zatem całość "nie wcisnęła się" w jeden wiersz - została przeniesiona "nieco" niżej (od lewej strony ekranu).

Możesz jednak zachować duże zdjęcie i "naprawić" resztę:

Kod:

.s-row .s-grid-9 {
     width: 680px;
}

div[class="imagezoom"] {

    display: none !important;

}

Drugi sposób - zastąp:

Kod:

.s-row .s-grid-3 {
    width: 380px;
}

takim kodem:

Kod:

.innerbox > .s-row > .s-grid-3 {
    width: 380px !important;
}

W teorii nadasz "szerokości" unikalność (tylko dla strony głównej).

 

Użyłem tego. Teraz jest rewelacyjnie
Niemniej jeszcze nie do końca tak jakbym chciał.
Mam pytanie jak usunąć kolorowe kreski zaznaczone na screenach żeby były widoczne tylko szare? Ewentualnie czy można zmienić ich kolor na biały aby były niewidoczne?

 

Kod:

.box .boxhead {
border-top: 0px;
}
.box .boxhead {
border-bottom: 0px;
line-height: 0px;
margin-bottom: 0.7em;
}

 

Dodaj też to:

Kod:

div[class="imagezoom"] {

    display: none !important;

}

Wyeliminuje to "pustkę" pod opisem (kończy się opis, a jest jeszcze ileś tam "białego" miejsca).

 

Bardzo dziekuję. Jestem pod wrażeniem tego forum Błyskawicznej i fachowej pomocy. Pozdrawiam

 

jacy ludzie takie forum staramy się sobie pomagać na ile jesteśmy w stanie.

 

Znalazłem jeszcze błąd (rys.1): po wybraniu z menu kategorii produktu element "sortuj wg.nazwa produktu" rozjechał się.

Mam ponadto pytania:
1. Czy można zmienić grubość zielonych linii zazanczonych na rys.1 i rys.2 a dokładnie by były cieńsze.
2. Jak po wybraniu w lewym górnym rogu "menu" sprawić by otwierało się pole wyboru z kategoriami, wiem, że jest taka możliwość (rys.3.)
3. Jak zmienić kolor linków, w edytorze (chyba błąd w programie) przyciski potwierdzające wybór koloru zachodzą pod pasek window uniemożliwijąc wybór.

dziękuję

 

Sortuj wg ---> musi być tak (@TheL "popsuł" ):

Kod:

.box .boxhead {
  line-height: 40px !important;
}

Cienka linia na dole:

Kod:

footer .innerfooter ul.overall > li {
  border-top: 1px solid #wartosc_twojego_koloru;
}

Cienka linia na górze:

Kod:

#box_mainproducts.box .boxhead {
  border-top: 1px solid #wartosc_twojego_koloru;

------------------------------

Kolor linków - jest bug, ale naciśnij na klawiaturze jednocześnie CTRL "-" bądź "+" i będziesz mógł zapisać, co trzeba, a potem powiększyć.

 

bo ja taki psuj jestem wszystko jakimś cudem działa popsute choć sam się temu dziwię

 

Dobra, dobra . A tak na poważnie - prośba o poradę:

Według dokumentacji - smarty szablon - box (np. menu) - można dodać w ten sposób:

Kod:

{box file="../boxes/Menu/box.tpl" box="Menu"}

Wrzucam to w dowolne miejsce na stronie - nie widać kategorii - łapie tylko "coś" z CSS, a nie kontent. Wiesz, co może być powodem/przyczyną??? Jak to "poprawnie" odpalić . Nie mam pomysłu .

 

niestety na szybko trudno mi powiedzieć, a dziś już koniec pracy może jutro coś wymyślimy

 

Spokojnie - nie pali się . Z tymi box-ami w "nieszablonowych miejscach" już kilka razy miałem kłopot. Teraz dłubałem z tym, o co kolega prosił powyżej.

http://tech.sklep-pomoc.home.pl/style-graficzne:smarty-box

 

"2. Jak po wybraniu w lewym górnym rogu "menu" sprawić by otwierało się pole wyboru z kategoriami, wiem, że jest taka możliwość (rys.3.)"

Chodzi mi o takie rozwiązanie jak na jednym ze sklepów omawianych tuttaj na forum. Nukionline.pl

 

Panel Click Shop -> Zawartość -> Nagłówek i stopka

Przy nagłówku wybierasz "dodaj link" (zielony przycisk z plusikiem). Na liście na samym dole dostępna będzie zakładka "Kategorie", a tam '[wszystkie kategorie]'.