Zmiany kosmetyczne w temacie Classic

[Ricoo]

Witam Was Forumowicze.
 
Po kilku tygodniach ciężkich batalii udało mi dojść z Prestą do względnego porozumienia.
 
Zdecydowałem się ostatecznie posadzić sklep na nowej wersji oprogramowania, tj. 1.7. Na chwilę obecną sklep przez jakiś czas na pewno pozostanie na domyślnym temacie, który już teraz został przeze mnie zmodyfikowany.
 
Sklep znajduje się pod adresem:
http://www.skleproboczy.centrum-parkietowe.pl/

 

Chcę jednak zmienić jeszcze kilka dodatkowych detali w wyglądzie sklepu:

 

1. Powiększenie rozmiarów logo.

Kombinowałem tutaj całkiem sporo, ale na dzień dzisiejszy moja wiedza z programowania jest zbyt mała, aby poradzić sobie z taką modyfikacją. Na pewno logo musi być wyższe, wskazane, żeby mogło też być szersze.

Zdaję sobie sprawę, że coś kosztem czegoś. Proponuję w tym miejscu zmniejszyć szerokość wyszukiwarki po prawej stronie. Ile razy jednak próbowałem to zrobić to cała ramka mi się 'rozpadała' i nic dobrego z tego nie było. Macie jakieś propozycje jak dokonać takiej modyfikacji?
Ew. rozważałem możliwość, aby wyszukiwarkę przenieść do górnej belki - na środku pomiędzy numer telefonu i koszyk. Wówczas menu zajęłoby całą prawą stronę, a po lewej zmieściłoby się logo. To rozwiązanie byłoby najlepsze, ale czy jest możliwe?

 

2. Zmiana układu stopki.

Podczas modyfikacji coś gdzieś zmieniłem nie tak jak należy i kolumny w stopce zamieniły się kolejnością. Chcę, aby po lewej stronie znajdowały się informacje kontaktowe, po nich pionowa kreska, a za nią kolejno kolumny PRODUKTY, INFORMACJE, TWOJE KONTO.

Jak tego dokonać?

 

3. Link 'sklepy' w kolumnie INFORMACJE w stopce.

Przeklikałem wszystko co podejrzewałem za źródło problemu, ale nie udało mi się dojść do rozwiązania. Chcę zamienić słowo 'sklepy' na coś w rodzaju 'Nasze salony'. Dodatkowo po kliknięciu w link, strona, do której zostajemy odesłani również nosi tytuł 'sklepy'. Nie wygląda to estetycznie i chciałbym to zmienić.

Przypuszczam, że będzie to dość łatwa sprawa, ale nie mam pojęcia gdzie tego szukać. Jakieś pomysły?

 

Na chwilę obecną to tyle.

Bardzo proszę o pomoc w rozwiązaniu moich problemów.

Nie przechodźcie obojętnie obok kogoś, kto z powodu takich pierdół dostaje białej gorączki.

 

Pozdrawiam,

Rysiek.

[vekia]

 

2. Zmiana układu stopki.

Podczas modyfikacji coś gdzieś zmieniłem nie tak jak należy i kolumny w stopce zamieniły się kolejnością. Chcę, aby po lewej stronie znajdowały się informacje kontaktowe, po nich pionowa kreska, a za nią kolejno kolumny PRODUKTY, INFORMACJE, TWOJE KONTO.

Jak tego dokonać?

 

W celu zarządzania pozycją modułów przechodzimy do:

IMPROVE > Deisgn > pozycje

odszukujemy tam listy modułów "displayFooter" i przesuwamy moduły na liście zgodnie z naszymi potrzebami (przesuwając moduły na liście ustalamy kolejność wyświetlania się modułow w szalbonie)

[Ricoo]

 

W celu zarządzania pozycją modułów przechodzimy do:

IMPROVE > Deisgn > pozycje

odszukujemy tam listy modułów "displayFooter" i przesuwamy moduły na liście zgodnie z naszymi potrzebami (przesuwając moduły na liście ustalamy kolejność wyświetlania się modułow w szalbonie)

 

 

To byśmy mieli załatwione. Dzięki.

 

A w temacie pozostałych punktów jesteś w stanie pomóc?

[vekia]

 

3. Link 'sklepy' w kolumnie INFORMACJE w stopce.

Przeklikałem wszystko co podejrzewałem za źródło problemu, ale nie udało mi się dojść do rozwiązania. Chcę zamienić słowo 'sklepy' na coś w rodzaju 'Nasze salony'. Dodatkowo po kliknięciu w link, strona, do której zostajemy odesłani również nosi tytuł 'sklepy'. Nie wygląda to estetycznie i chciałbym to zmienić.

Przypuszczam, że będzie to dość łatwa sprawa, ale nie mam pojęcia gdzie tego szukać. Jakieś pomysły?

shop parameters > seo & urls

edytujemy "stores"

zmienamy nazwę "stores" na dowolną która będzie nam pasować

[vekia]

 

1. Powiększenie rozmiarów logo.

Kombinowałem tutaj całkiem sporo, ale na dzień dzisiejszy moja wiedza z programowania jest zbyt mała, aby poradzić sobie z taką modyfikacją. Na pewno logo musi być wyższe, wskazane, żeby mogło też być szersze.

Zdaję sobie sprawę, że coś kosztem czegoś. Proponuję w tym miejscu zmniejszyć szerokość wyszukiwarki po prawej stronie. Ile razy jednak próbowałem to zrobić to cała ramka mi się 'rozpadała' i nic dobrego z tego nie było. Macie jakieś propozycje jak dokonać takiej modyfikacji?

Ew. rozważałem możliwość, aby wyszukiwarkę przenieść do górnej belki - na środku pomiędzy numer telefonu i koszyk. Wówczas menu zajęłoby całą prawą stronę, a po lewej zmieściłoby się logo. To rozwiązanie byłoby najlepsze, ale czy jest możliwe?

w celu zwiększenia logo musimy zmienić struktrurę szablonu.

 

w /themes/classic/templates/_partials/header.tpl zmieniamy col-md-2 np. na col-md-4

<div class="col-md-2 hidden-sm-down" id="_desktop_logo">
          <a href="{$urls.base_url}">
            <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
          </a>
        </div>

następnie zmniejszamy col-md-10 do 2 (bo zwiększyliśmy dla logo o 2) w

        <div class="col-md-10 col-sm-12 position-static">
          <div class="row">
            {hook h='displayTop'}
            <div class="clearfix"></div>
          </div>
        </div>

na koniec w themes.css w lini 7961 zwiększamy max-width np. do 400px; i usuwamy max-height:50px;

#header .logo {
    max-width: 220px;
    max-height: 50px;
}

efekt:

[Ricoo]

w celu zwiększenia logo musimy zmienić struktrurę szablonu.

 

w /themes/classic/templates/_partials/header.tpl zmieniamy col-md-2 np. na col-md-4

<div class="col-md-2 hidden-sm-down" id="_desktop_logo">
          <a href="{$urls.base_url}">
            <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
          </a>
        </div>

następnie zmniejszamy col-md-10 do 2 (bo zwiększyliśmy dla logo o 2) w

        <div class="col-md-10 col-sm-12 position-static">
          <div class="row">
            {hook h='displayTop'}
            <div class="clearfix"></div>
          </div>
        </div>

na koniec w themes.css w lini 7961 zwiększamy max-width np. do 400px; i usuwamy max-height:50px;

#header .logo {
    max-width: 220px;
    max-height: 50px;
}

efekt:

 

Bardzo dziękuję za pomoc. Efekt jest dokładnie taki sami jak na screenie, który załączyłeś.

Edited January 25, 2017 by Ricoo (see edit history)

[Ricoo]

P.S. Testuję już sklep od kilku dni i wpadła mi w oko jeszcze jedna zmiana kosmetyczna, której chciałbym dokonać.

 

W menu głównym u góry chciałbym, aby napisy po najechaniu kursorem zmieniały kolor. Da radę zrobić takie cudo?

Edited January 25, 2017 by Ricoo (see edit history)

[Ricoo]

Witam,

 

Jestem na ostatniej prostej przed oficjalnym uruchomieniem sklepu.

Wpadła mi dzisiaj jeszcze jednak mała poprawką, którą chciałbym wprowadzić.

 

Link do sklepu: http://www.skleproboczy.centrum-parkietowe.pl/

 

Chcę aby pod produktami na stronie głównej napis 'Wszystkie produkty >' wyświetlał się w przyjemniejszej dla oka formie - bannera.

 

Białe tło, drukowane litery WSZYSTKIE PRODUKTY wyśrodkowane na stornie, wg. screena, którego załączam.

 

Dam radę zrobić coś takiego?

 

 

https://drive.google.com/file/d/0Bz2JZF5eeg-PQTFia21uWG9BY0E/view?usp=sharing

[endriu107]

W pliku theme.css linia od 6324 zamień na:

 

#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link, .product-miniature .all-product-link {
  clear: both;
  color: #ffffff;
  display: block;
  background: #2937dc;
  padding: 20px 0;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  }

Natomiast dodatkowo w szablonie musisz usunąć klasy pull-xs-left pull-md-right dla tego elementu.

[Ricoo]

W pliku theme.css linia od 6324 zamień na:

 

#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link, .product-miniature .all-product-link {
  clear: both;
  color: #ffffff;
  display: block;
  background: #2937dc;
  padding: 20px 0;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  }

Natomiast dodatkowo w szablonie musisz usunąć klasy pull-xs-left pull-md-right dla tego elementu.

 

 

Ze zmianą w theme.css sobie bez problemu poradzę, możesz jednak coś więcej powiedzieć nt. tej drugiej części? Jak mam dokładnie to zrobić? W jakim pliku?

Edited March 15, 2017 by Ricoo (see edit history)

[Ricoo]

Dobra, z częścią udało mi się uporać.

Plik do edycji znalazłem - /themes/classic/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl

 

Zrobiłem wg. Twojej instrukcji, ale efekt jest trochę inny niż się spodziewałem.

Teraz wygląda to tak:

 

https://drive.google.com/open?id=0Bw1Uv3kZSu0DQTZvRjBENkZTLVE

 

Co tym razem zrobiłem nie tak?

[Ricoo]

Odświeżam sprawę.

 

Ktoś ma pomysł jak zaradzić mojemu problemowi?

[Ricoo]

Panowie, jeszcze jedna sprawa, na którą dzisiaj zwróciłem uwagę.

Dotyczy headera mojego sklepu.

 

Załączam screen:

https://drive.google.com/file/d/0Bz2JZF5eeg-PdkNSR1M1UVR3OU0/view?usp=sharing

 

 

Widać na nim, że logo, menu i pasek szukajki są wyrównane do górnej krawędzi.

Przez nieregularny kształt logo nie wygląda to zbyt dobrze (mi strasznie rzuca się w oczy).

 

Czy istnieje możliwość, żeby wszystkie te 3 elementy - logo, menu i pasek szukajki - wyrównać do środka tego elementu (wg środków, anie górnych krawędzi)?

[Ricoo]

Ktoś jest mi w stanie pomóc w którymś z dwóch problemów?

[endriu107]

Temat się rozrósł i właściwie odpowiadanie w nim służy Tobie i tylko Tobie, nikt inny szukając odpowiedzi na zadane tu pytania nie trafi na ten wątek lub sprawi mu trudność w znalezieniu konkretnych odpowiedzi chociażby ze względu na kiepski tytuł wątku jak i różnorodność pytań.

Regulamin forum:

1 temat = 1 zagadnienie lub 1 pytanie
- Jeżeli masz więcej pytań, otwórz więcej nowych tematów!
- Nie zadawaj pytania w wątku, który zajmuje się innym tematem. Otwórz nowy wątek, nie ma w tym nic złego.

[Ricoo]

W pliku theme.css linia od 6324 zamień na:

 

#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link, .product-miniature .all-product-link {
  clear: both;
  color: #ffffff;
  display: block;
  background: #2937dc;
  padding: 20px 0;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  }

Natomiast dodatkowo w szablonie musisz usunąć klasy pull-xs-left pull-md-right dla tego elementu.

 

Dobra, z częścią udało mi się uporać.

Plik do edycji znalazłem - /themes/classic/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl

 

Zrobiłem wg. Twojej instrukcji, ale efekt jest trochę inny niż się spodziewałem.

Teraz wygląda to tak:

 

Co tym razem zrobiłem nie tak?

 

 

 

Temat się rozrósł i właściwie odpowiadanie w nim służy Tobie i tylko Tobie, nikt inny szukając odpowiedzi na zadane tu pytania nie trafi na ten wątek lub sprawi mu trudność w znalezieniu konkretnych odpowiedzi chociażby ze względu na kiepski tytuł wątku jak i różnorodność pytań.

 

Regulamin forum:

1 temat = 1 zagadnienie lub 1 pytanie

- Jeżeli masz więcej pytań, otwórz więcej nowych tematów!

- Nie zadawaj pytania w wątku, który zajmuje się innym tematem. Otwórz nowy wątek, nie ma w tym nic złego.

 

Masz rację, trochę bałaganu się narobiło.

 

Otworzę odrębne tematy, może uda znaleźć się odpowiedzi.

 

Proszę Cię jeszcze od pomoc w cytowanych powyżej sprawach, bo to dotyczy jeszcze tego wątku.

[endriu107]

Jest tak ponieważ display:block powoduje takie wyświetlanie tutaj należy przerobić to całe wyświetlania, ja to co podałem było bez zaglądania w screen który podesłałeś, ale sam napisałeś że:
 

 

 

Ze zmianą w theme.css sobie bez problemu poradzę...

 

a to w css masz zmienić więc tutaj chyba temat wyczerpany.

[Ricoo]

Okej, to zostawmy to tak jak jest w takim wypadku.

 

Ładnie wyświetla się to zarówno w wersji normalnej, jak i na smartfonie i tablecie, więc nie będę dalej kombinował.

 

Dziękuję za wszelką pomoc.

[[email protected]]

Chciałbym się podpiąć pod temat jeśli mogę. Od dłuższego czasu kombinuję, zmieniam style, hooki i tpl-ki. Zależałoby mi żeby osiągnąć efekt jak w załączonym zdjęciu templatki. Chodzi mi o modyfikację i niejako scalenie topnav i topmenu. Próbowałem nawet zrobić to przy pomocy modułu HTMLbox ale o ile z linkami nie było problemu to problem jest z koszykiem i brakiem reakcji na dodawanie do niego towarów. Modyfikuje standardowy szablon Presty 1.6.1.17. Czy mógłbym poprosić o jakieś wskazówki? Będę wdzięczny.

Pozdrawiam,

Grzegorz

[[email protected]]

Na prawdę nikt Potrzebuję pilnie uporządkować wszystko w topnav, zastąpić zaloguj, kontakt, koszyk, waluta ikonami ale nie mogę sobie z tym poradzić. O ile w koszyku można wywalić teksty i zostaje wtedy sama ikona z cyferką ilości produktów to reszta nie dość, że za żadne skarby nie chce się przenieść na prawo (niby jest float: right) ale między koszykiem a resztą jest duża przerwa. Pliiiissss pomocy....

[Ricoo]

Ja nie jestem Ci w stanie pomóc. Sam nie rozwiązałem wszystkich swoich problemów z motywem, bo nie posiadam odpowiednich umiejętności obróbki kodu.

Taki jest minus podejmowania decyzji, że bierzesz się samemu za stawianie sklepu - później z pewnymi rzeczami musisz sobie radzić sam.

[[email protected]]

Dzięki za odpowiedź, Sporo się już nauczyłem jednak jeszcze nie wszystko jak widać.

[endriu107]

Podaj link do sklepu musimy widzieć co masz.

[[email protected]]

Nie bardzo mam jak. Presta jest na localhoście. Może TeamViewer?

[endriu107]

Jak masz komuś płacić godzinówki za pomoc zdalną przez TeamViewer to w tych pieniądzach kupisz szablon taki jaki próbujesz zrobić

Nie sądzę żeby ktoś poświęcił swój czas na zdalną pomoc w tej kwestii za darmo tym bardziej że Ty jako freelancer też za darmo tego nie robisz, co innego gdy sklep jest ogólnie dostępny wtedy każdy może w wolnej chwili wejść zobaczyć i podpowiedzieć.

[[email protected]]

Trochę się mylisz. Nie robię tego dla pieniędzy tylko dla nauki. Nie zajmuje się zawodowo stawianiem sklepów ale firma w której pracuje taki sklep ma i ktoś go musi prowadzić i modyfikować. Dlatego postawiłem sobie prestę na domowym lapku i uczę się wszystkiego. Na razie buduję sklep i nie chce go budować on site. Stanąłem przed takim problemem i stąd moje pytanie do ludzi mądrzejszych. Wiele się z tego forum już nauczyłem i wydawało mi się, że moje pytanie nie będzie aż tak skomplikowane. Kupowanie szablonu to loteria. Póżniej ze względu na specyfikę takiego szablonu tylko developer i nikt inny będzie mi mógł pomóc. Z tego też względu przy pomocy różnych modułów i zmian w plikach tpl i css standardowego szablonu staram się osiągnąć efekt, który sobie wymyśliłem. Na dziś to takie trochę połączenie sklepu i strony www. Zmodyfikowałem home, korzystam z cmsu jako strony kategorii i stron produktu. Wymyśliłem sobie żeby sklep nie wyglądał jak tradycyjny sklep ale jak strona web z możliwością zakupów. Chodzi mi o to żeby zastąpić kontakt, zaloguj i koszyk na ikony (np awesome fonts) i ustawić to po prawej stronie sklepu w displaynav lub wrzucić te ikony do topmenu i nie wyświetlać całego displaynav. Tylko tyle i aż tyle.

Edited February 4, 2018 by [email protected] (see edit history)

[endriu107]

Nie żebym sie czepiał szczegółów ale:

3 hours ago, [email protected] said:

Nie robię tego dla pieniędzy

 

3 hours ago, [email protected] said:

firma w której pracuje taki sklep ma i ktoś go musi prowadzić i modyfikować

 

Idąc dalej to mylisz się że kupny szablon może edytować tylko jego autor i tylko on będzie mógł pomóc, chyba że jakiś kodowany z czym w szablonach się nie spotkałem.

Odnośnie Twojego problemu to z zdjęcia wiemy tyle co nic zdjęcie małe i przedstawia to co chcesz a na dodatek nie ma zdjęcia tego co już masz, z opisu możemy wywnioskować niewiele więcej. Piszesz ogólnikowo i tylko ogólnikową odpowiedź możesz otrzymać, mam nadzieje że to rozumiesz. 

Wracając do Twoich problemów to podpatrz sobie np. w stopce standardowego szablonu są ikony fontawesome w identyczny sposób możesz je wstawić zamiast tekstów. Jeśli chcesz aby coś się znalazło w danym miejscu to masz opcje przeniesienia modułów do innego zaczepu o ile ten zaczep jest obsługiwany przez moduł, jeśli nie jest to musisz dopisać sobie taką obsługę  hooka. Zapoznaj się z bootstrapem jest niezbędny właściwie przy układzie kontenerów na stronie i znacznie ułatwi Ci pracę.

[[email protected]]

Endriu, to nie jest podstawowe moje zadanie w firmie. Robię to w ramach hobby i nie domagam się za to dodatkowych pieniędzy. To tak dla wyjaśnienia. Jeśli chodzi o mój problem to właśnie go rozwiązałem w sposób podobny do tego, o którym piszesz.