Witam,

Wraz z klientem u którego wdrażaliśmy e-sklep oparty na szablonie OPAL zidentyfikowaliśmy pewien problem związany z funkcjonowaniem tzw. fantomów już po stronie e-sklepu.

Fantom jest to bardzo przydatna funkcja pozwalająca grupować te same produkty według np. koloru i rozmiaru. Dzięki temu zamiast kilku oddzielnych pozycji w sklepie mamy jeden, który na karcie produktu możemy skonfigurować pod swoje potrzeby.

Funkcja na poziomie e-sklepu jednak moim zdaniem wymaga jednej korekty, aby była w pełni funkcjonalna. Niestety z jakiś powodów gdy mamy dwa warianty kolor i rozmiar to kolor jest nie jako nadrzędny i jego zmiana powoduje reset ustawień rozmiaru (do rozmiaru ojca). W związku z tym jeżeli chcę wybrać koszulkę o rozmiarze L (bo wiem, że to mój rozmiar) a następnie chciałbym zobaczyć jak zmienia się cena w zależności od wybranego koloru to niestety nie jest to takie proste jakby mogło być. Niestety zmiana kolorów za każdym razem powoduje, że rozmiar powraca do domyślnego rozmiaru jaki jest ustawiony na "ojcu" danego produktu, czyli np. rozmiaru S. Oznacza to, że po każdorazowej zmianie koloru muszę jeszcze raz zmienić rozmiar na właściwy.

Po pierwsze jest to trochę irytujące, po drugie jeżeli klient jest mało uważny może spowodować to, że kupi nie ten produkt co chce. Jeżeli mielibyśmy sytuację, że wchodzę sobie na produkt i wybieram koszulkę o rozmiarze L, ale stwierdzam, że nie chcę białej tylko niebieską to mogę nie zauważyć, że system automatycznie po zmianie koloru na niebieski zmienił mi rozmiar np. na S. Będą świadomy, że rozmiar już wybrałem mogę nie zwrócić uwagi, że w tej partii nastąpiła zmiana i zamówię nie ten produkt.

Dlatego prośba do zespołu odpowiedzialnego za rozwój e-sklepu, aby logikę zmienić tak, aby system zawszę pamiętał wybrane opcje i zmiana jednej z nich nie powodowała powrót do domyślnej wartości drugiej.

Z góry dziękuję za pochylenie się nad tym problemem.

Pozdrawiam Jacek 

Witam serdecznie,

Chciałbym trochę zwiększyć wielkość loga producentów, które wyświetlają się na sliderze na stronie głównej w szablonie OPAL.

Wydaje mi się, że dobrze zacząłem kombinować, ale efekt nie do końca jest taki jaki chciałem.

W pliku main.min.css odnalazłem sekcję:

.recommended-brands .brands-slider a {
line-height: 100px;
background: #FFF; }

.recommended-brands .brands-slider a img {
max-height: 80px;
margin: auto;
display: inline-block; }

O ile w pierwszej sekcji zmieniam te 100px na 150px to po zapisaniu i opublikowaniu to pasek widocznie się rozszerza (nie zmienia się jednak rozmiar loga). To o tyle jak w drugiej sekcji zmieniam max-height na większy lub zrobię taką zmianę jak poniżej dodając jeszcze parametr max-width to nie odnosi to żadnego skutku pod względem wielkości loga.

.recommended-brands .brands-slider a {
line-height: 110px;
background: #FFF; }

.recommended-brands .brands-slider a img {
max-height: 90px;
max-width: 300px;
margin: auto;
display: inline-block; }

Chciałbym, aby loga były w rozmiarze 250x83 (szer x wys). Do Optimy pliki producentów są wgrane w rozdzielczości 450x150. Być może jest jeszcze inne ustawienie to blokuje.
Jeżeli mieliby Państwo jakieś doświadczenie w tym temacie i mogli się tą wiedzą podzielić to byłbym zobowiązany.

Strona nad którą pracuję to https://alberomeble.comarch-esklep.pl/. W załączniku jeszcze zrzut ekranu z zaznaczeniem o której sekcji rozmawiamy.

Z góry dziękuję za pomoc. Pozdrawiam Jacek Sałuda

Witam,

Korzystam z szablonu OPAL i chciałbym Was prosić o pomoc w jaki sposób można dodać odnośniki do własnych strony na stopce strony. Strona póki co działa pod adresem: https://alberomeble.comarch-esklep.pl/

Wydaje mi się, że jestem już blisko, ale prawdopodobnie coś zdefiniowałem nie tak już w footer.html.

To co zrobiłem to dodałem dwie własne strony. Dodałem nową grupę stron "Dodatkowe" i je tam przypisałem. 

Na tym etapie wszystko działa i strony się otwierają.

Chciałem jednak zmodyfikować stopkę w ten sposób, alby te podstrony były widoczne bez konieczności rozwijania stopki.

W tym celu zmodyfikowałem plik footer.html w 3 miejscach.

Przed:

<div class="visible-bar">
<div class="left-footer-content">
<div class="show-footer"> <span class="glyphicon glyphicon-menu-down"></span> </div>
<div class="hide-footer"> <span class="glyphicon glyphicon-menu-up"></span> </div>
{% assign isTermsInFooter = false -%}
{% assign isContactInFooter = false -%}
{% assign isShippingInFooter = false -%}
{% assign isPaymentInFooter = false -%}
{% for section in config.Footer.Sections -%}
{% for page in section.Pages -%}
{% case page.Id -%}
{% when '12'-%}
{% assign isContactInFooter = true -%}
{% when '17' -%}
{% assign isPaymentInFooter = true -%}
{% when '16' -%}
{% assign isShippingInFooter = true -%}
{% when '11' -%}
{% assign isTermsInFooter = true -%}
{% else -%}
{% endcase -%}
{% endfor -%}
{% endfor -%}
<div>
<div class="col">
{% if isTermsInFooter -%}
<a href="{{config.DefinedPages.Terms.Url}}">{{config.DefinedPages.Terms.Name}}</a>
{% endif -%}
{% if isContactInFooter -%}
<a href="{{config.DefinedPages.Contact.Url}}">{{config.DefinedPages.Contact.Name}}</a>
{% endif -%}
</div>
<div class="col">
{% if isShippingInFooter -%}
<a href="{{config.DefinedPages.Shipping.Url}}">{{config.DefinedPages.Shipping.Name}}</a>
{% endif -%}
{% if isPaymentInFooter -%}
<a href="{{config.DefinedPages.Payment.Url}}">{{config.DefinedPages.Payment.Name}}</a>
{% endif -%}
</div>

Po:

<div class="visible-bar">
<div class="left-footer-content">
<div class="show-footer"> <span class="glyphicon glyphicon-menu-down"></span> </div>
<div class="hide-footer"> <span class="glyphicon glyphicon-menu-up"></span> </div>
{% assign isTermsInFooter = false -%}
{% assign isContactInFooter = false -%}
{% assign isShippingInFooter = false -%}
{% assign isPaymentInFooter = false -%}
{% assign isStrefaInFooter = false -%}
{% assign isKolekcjeInFooter = false -%}
{% for section in config.Footer.Sections -%}
{% for page in section.Pages -%}
{% case page.Id -%}
{% when '12'-%}
{% assign isContactInFooter = true -%}
{% when '17' -%}
{% assign isPaymentInFooter = true -%}
{% when '16' -%}
{% assign isShippingInFooter = true -%}
{% when '11' -%}
{% assign isTermsInFooter = true -%}
{% when '27' -%}
{% assign isStrefaInFooter = true -%}
{% when '28' -%}
{% assign isKolekcjeInFooter = true -%}
{% else -%}
{% endcase -%}
{% endfor -%}
{% endfor -%}
<div>
<div class="col">
{% if isTermsInFooter -%}
<a href="{{config.DefinedPages.Terms.Url}}">{{config.DefinedPages.Terms.Name}}</a>
{% endif -%}
{% if isContactInFooter -%}
<a href="{{config.DefinedPages.Contact.Url}}">{{config.DefinedPages.Contact.Name}}</a>
{% endif -%}
</div>
<div class="col">
{% if isShippingInFooter -%}
<a href="{{config.DefinedPages.Shipping.Url}}">{{config.DefinedPages.Shipping.Name}}</a>
{% endif -%}
{% if isPaymentInFooter -%}
<a href="{{config.DefinedPages.Payment.Url}}">{{config.DefinedPages.Payment.Name}}</a>
{% endif -%}
</div>
<div class="col">
{% if isStrefaInFooter -%}
<a href="{{config.DefinedPages.27.Url}}">{{config.DefinedPages.27.Name}}</a>
{% endif -%}
{% if isKolekjeInFooter -%}
<a href="{{config.DefinedPages.28.Url}}">{{config.DefinedPages.28.Name}}</a>
{% endif -%}
</div>

Niestety nie przyniosło to pożądanego skutku i odnośniki nie pojawiły się.

Poczytałem jeszcze na forum, że templajcie strony, która została użyta do budowy moich podstron (w moim przypadku user-page.html) powinna zostać dodana sekcja % if page

Zrobiłem to w następujący sposób.

Przed :

{% extends '_layout.html' -%}
{% block PageContent -%}

<article class="regulations">

<h1>{{ page.CurrentSiteNode.Name }}</h1>
<section class="content">
{% assign o = page.Objects["Text"][0] -%}
{{ [o].Content -}}
</section>
</article>
{% endblock -%}

Po:

{% extends '_layout.html' -%}
{% block PageContent -%}
{% if page.PageId == 27 -%}
{% assign FormalContent = config.TOS.FormalContents.27 -%}
{% endif -%}

{% if page.PageId == 28 -%}
{% assign FormalContent = config.TOS.FormalContents.28 -%}
{% endif -%}

<article class="regulations">
<h1>{{ page.CurrentSiteNode.Name }}</h1>
<section class="content">
{% assign o = page.Objects["Text"][0] -%}
{{ [o].Content -}}
</section>
</article>
{% endblock -%}

Niestety to również nie pomogło i skończyły mi się pomysły i moja wiedza na ten temat :(.

Jeżeli ktoś mógłby mi podpowiedzieć co zrobiłem źle lub czego nie zrobiłem, byłbym zobowiązany.

Pozdrawiam Jacek