klient
Krzysztof Jaszczak
0 pkt
2 pytań
1 odpowiedzi
0 pomysłów
0 komentarzy
0 0%
oceń

E-sklep jak w szablonie e-sklepu pokazać całą nazwę na przeglądzie produktów?

Krzysztof Jaszczak zapytał/a o
Comarch e-Sklep
Comarch e-Sklep pytań: 693 | odpowiedzi: 2781

Bartosz KulawiakGrzegorz GumplowiczGabriel Gabzdylswat38Marcin BurtanArtur SzczepańskiKacper  DziamaraMateusz Chabowski

Jak w e sklepie  ustawić na szablonie agat aby na przeglądzie produktów wyświetlał całą nazwę najlepiej łamał ta nazwę   ( obecnie wyświetla tylko 30 znaków) 

Odpowiedzi:

User Avatar
partner
Jarosław Wróblewski
2 880 pkt
30 pytań
289 odpowiedzi
8 pomysłów
21 komentarzy
177 97%
1 pkt
 
Jarosław Wróblewski odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pomysłów: 163 | odpowiedzi: 2781

Jacek SałudaAdrian TobołaBarbara PitasGabriel GabzdylAnna MatuszakArtur EgerTomasz TomkowiakKamila Klamann

Trzeba by kilka linijek w CSS zmienić.

Z tym, że siatka produktów ma określoną wysokość, jeśli tytuł będzie wyższy to się może układ "rozjechać".

Wtedy trzeba by też zmieniać style dla elementów siatki produktów i pewnie coś w JS podłubać albo ustalić odpowiednio większą minimalną wysokość elementów.

Ta odpowiedź została skomentowana
User Avatar
klient
Krzysztof Jaszczak
0 pkt
2 pytań
1 odpowiedzi
0 pomysłów
0 komentarzy
0 0%
oceń
 
Krzysztof Jaszczak odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pomysłów: 163 | odpowiedzi: 2781

Jacek SałudaAdrian TobołaBarbara PitasGabriel GabzdylAnna MatuszakArtur EgerTomasz TomkowiakKamila Klamann

Wysłałem info na PRIV

Ta odpowiedź została skomentowana
User Avatar
partner
Jarosław Wróblewski
2 880 pkt
30 pytań
289 odpowiedzi
8 pomysłów
21 komentarzy
177 97%
4 pkt
 
Krzysztof Jaszczak potwierdził, że ta odpowiedź jest najlepsza i wystarczająca
Jarosław Wróblewski odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pomysłów: 163 | odpowiedzi: 2781

Jacek SałudaAdrian TobołaBarbara PitasGabriel GabzdylAnna MatuszakArtur EgerTomasz TomkowiakKamila Klamann

W pliku mobile1.css zmień:

h3 {
color: #7f7f7f;
font-size: 11px;
font-weight: normal;
margin: 3px 0;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 86%;
}

na:

h3 {
color: #7f7f7f;
font-size: 11px;
font-weight: normal;
margin: 3px 0;
/*overflow: hidden;*/
text-align: left;
/*text-overflow: ellipsis;
white-space: nowrap;*/
width: 86%;
}

i teraz jeśli najdłuższa nazwa zajmuje np 3 linijki to zmień:

.product-item {
border-bottom: 1px solid #7f7f7f;
height: 236px;
position: relative;
width: 100%;
margin: 10px 0 0;
}

na:

.product-item {
border-bottom: 1px solid #7f7f7f;
height: 270px;
position: relative;
width: 100%;
margin: 10px 0 0;
}

jeśli nazwy są krótsze lub dłuższe to odpowiednio zmniejsz lub zwiększ wartość height dla .product-item

Zapisz, opublikuj, jeśli będzie ok to ok :) jeśli nie to coś jeszcze pomyślimy.

User Avatar
klient
Bartłomiej Nowak
37 pkt
1 pytań
5 odpowiedzi
0 pomysłów
5 komentarzy
2 100%
oceń
 
Bartłomiej Nowak odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pomysłów: 163 | odpowiedzi: 2781

Jacek SałudaAdrian TobołaBarbara PitasGabriel GabzdylAnna MatuszakArtur EgerTomasz TomkowiakKamila Klamann
10 mie. temu

Dziękuje Jarosław Wróblewski za pomoc.

Stosowałem ten sposób na kilku wersjach szablonu i wszystko idealnie działało, niestety w najnowszej wersji Agat 2018.7.1 nie zmienia sposobu pokazywania nazw. Czy ktoś wie, jakie zmiany nastąpiły w najnowszej wersji i jak pokazać całą nazwę towaru na liście?

W załączniku plik mobile1.css

Masz pytanie?

zadaj pytanie

Masz pomysł?

zgłoś pomysł