Jump to content
  • 0
Namee

Free color name module for PrestaShop 1.7

Question

Witam

Zainstalowałem powyższy moduł służący do wyświetlania nazwy koloru produktu.Działa połowicznie tzn.po kliknięciu na wybrany kolor, pojawia się nad nim jego nazwa. Natomiast brakuje mi wyświetlania tzw. title po najechaniu kursorem. Na zrzucie zaznaczyłem o co mi chodzi (nie jest to strona mojego sklepu).

W adminie modułu mam dwa okna

1.- HTML template: w którym jest kod   <span class="st_color_name">***</span>  dzięki któremu wyświetla się nazwa nad kolorem

2 okno to Custom CSS Code: ,jest puste.

Mam prośbę o podpowiedzenie co i gdzie powinienem wpisać aby pojawiał się napis po najechaniu kursorem,jak na zrzucie.

Lub ,co chyba byłoby lepsze ,żeby nazwa koloru nad  kwadracikiem koloru zmieniała się nie po klilnięciu a po najechaniu kursorem

 

zrzut.png

Edited by Namee (see edit history)

Share this post


Link to post
Share on other sites

10 answers to this question

Recommended Posts

  • 1

W /themes/classic/templates/catalog/_partials/product-variants.tpl dla elementu input class="input-color" dodaj title="{$group_attribute.name}", wymuś kompilacje szablonu/wyczyść cache

Share this post


Link to post
Share on other sites
  • 1

<input class="input-color" title="{$group_attribute.name}" type="radio" data-product-attribute="{$id_attribute_group}" name="group[{$id_attribute_group}]" value="{$id_attribute}"{if $group_attribute.selected} checked="checked"{/if}>

Share this post


Link to post
Share on other sites
  • 1

Spróbuj przenieść atrybut title do elementu nadrzędnego, np. label lub li.

Share this post


Link to post
Share on other sites
  • 0

W templatce, jak ustawisz dla elementu z kolorem atrybut "title" to będzie się wyświetlać "dymek" z nazwą koloru.

Share this post


Link to post
Share on other sites
  • 0

Dziękuję za odpowiedź.A czy mogę prosić o info jak napisać ten kod i gdzie wstawić. 

wpisywałem w css  coć takiego <img src="color.png" alt="how2html logo" title="lcolor">  ale oczywiscie nie zadziałało.

Share this post


Link to post
Share on other sites
  • 0

To nie jest wina tego modułu (Free color name module for PrestaShop 1.7)  to jest wina Prestashop.

Na stronie głównej i na stronach kategorii jest wyświetlany title koloru   (pierwszy zrzut)  natomiast na stronie produktu już nie jest wyświetlany  ( zrzut drugi). Jest to czysta instalacja Presty 1.7 .

Proszę o jakąś wskazówkę.

 

kolor.png

kolor2.png

Share this post


Link to post
Share on other sites
  • 0

Dziękuję za podpowiedź.Już jest blisko.

Linijka mojego kodu  z Twoją podpowiedzią wygląda tak.

 <input class="input-color" type="radio" data-product-attribute="{$id_attribute_group}" name="group[{$id_attribute_group}]" value="{$id_attribute}"{if $group_attribute.selected} checked="checked"{/if}>
          title="{$group_attribute.name}"      <span

 

Efekt na zrzucie. napis title -czarny wyświetlany jest cały czas. Po najechaniu myszką nic się nie dzieje.

Poproszę o dodatkową wskazówkę.

 

kolor.png

Share this post


Link to post
Share on other sites
  • 0
Posted (edited)

Stokrotne dzięki.

Ale jest jedno ale. Na templatce classic działa idealnie.Natomiast na mojej nie do końca.

Dla mnie to bardzo dziwne.Otóż  na kwadraciku z kolorem jest tylko niewielki fragment  powierzchni  ( górna lewa ćwiartka)

na której myszka uaktywnia titlle.

 

 

 

 

 

 

 

Edited by Namee
. (see edit history)

Share this post


Link to post
Share on other sites
  • 0

Hurraaaa          działa. 

Już z 5 minut klikam sobie na kolorki i się cieszę.

Bardzo,bardzo  dziękuję Ci za pomoc.

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More