Jump to content

Zmiana długości znaków nazwy produktu Prestashop 1.7


dextasy

Recommended Posts

  • 1 year later...
  • 1 year later...

ok a mam pytanie - jak zwiększyłem liczbę znaków (tak, żeby wszystkie opisy wyświetlały się w pełni, niektóre produkty mają 2 linijki, niektóre 3. Gdy jakiś produkt ma 3 linijki jest dłuższy, co rozbija linijkę poniżej i powoduje przesunięcie (góra/dół) poniższych produktów sprawiając, że kolumny ze sobą rozjeżdżają się.

Jakim kodem mogę zaszyć, aby np. zawsze pod opisem produktu było zostawione miejsce na 3 linijki (i nawet, gdy potrzebne są tylko 2 zajmowały miejsce 3, nie powodując przesunięcia w następnych rzędach...?

Link to comment
Share on other sites

<span class="h3 product-title" itemprop="name"><a href="{$product.url}" title="{$product.name}"><link itemprop="url" href="{$product.url}"/><meta itemprop="sku" content="{$product.reference}"/>{$product.name|truncate:90:'...'}</a></span>

rozumiem w tej sekwencji?

a jaki height odpowiada 3 linijką? 

style="height:3ex

?

Edited by Artur PL (see edit history)
Link to comment
Share on other sites

  • 3 years later...
On 1/22/2021 at 6:18 PM, endriu107 said:

Zmiany najlepiej wprowadzić w css, a jaką tam masz wysokość to tylko ty wiesz :D

 

On 1/22/2021 at 5:54 PM, Artur PL said:

ok a mam pytanie - jak zwiększyłem liczbę znaków (tak, żeby wszystkie opisy wyświetlały się w pełni, niektóre produkty mają 2 linijki, niektóre 3. Gdy jakiś produkt ma 3 linijki jest dłuższy, co rozbija linijkę poniżej i powoduje przesunięcie (góra/dół) poniższych produktów sprawiając, że kolumny ze sobą rozjeżdżają się.

Jakim kodem mogę zaszyć, aby np. zawsze pod opisem produktu było zostawione miejsce na 3 linijki (i nawet, gdy potrzebne są tylko 2 zajmowały miejsce 3, nie powodując przesunięcia w następnych rzędach...?

W związku z tym problemem

On 1/22/2021 at 6:02 PM, endriu107 said:

Nadać min-height lub height na ten element.

Ustawiam stałą wysokośc boxa. Ale mamy taki problem. Jesli ilość znaków pozwala na wpisane nazwy produktu do jednej linijki, a innego produktu już w dwóch linijkach, to dwa boxy obok siebie mają przycisk "do koszyka" w innej linii. Jak po "truncate", dodać kod z zasadą, że jesli nazwa produktu ma mniej niż x znaków, wtedy po linijce z nazwą, powinno się dodać jedna pusta linijkę. Cos w styliu: if $product.name < 35 znaków wtedy add pusta linijka. Pomógłby ktoś napisac taką linijkę kodu?

To spowoduje że "do koszyka" będa w jednej linii i nie b,edzie to kłuć w oczy.

Link to comment
Share on other sites

15 hours ago, endriu107 said:

Lepiej jest nadać min-height dla tytułu produktu wtedy zawsze będziesz miał takiej samej wysokości ten kontener i przycisk dodaj do koszyka będzie zawsze w jednej linii.

o to to. Mam jednak problem z dodaniem tego do css. Z trybu dev przeglądarki, wynika, że w pliku css powinienem dodać: 

#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-title {
  min-height: 40px;
}

ale, no właśnie, to nie to. Pomógłbyś mi zlokalizować miejsce zmiany?

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...