popup για περισσότερες πληροφορίες

[artcandle]

καλισπερα σε ολους

 

έχω δει σε κάποια site,  δίπλα απο μια λέξη υπάρχει ενα ερωτηματικό που όταν κάποιος πάει με το ποντίκι πάνω στο ερωτηματικό, χωρίς να κάνει click  βγαίνει ενα παράθυρο σαν popup με περισσότερες πληροφορίες.

μπορώ να το κάνω?  και πως γίνετε,   θέλει κάποιο script. 

συγκεκριμένα θέλω να το βάλω δίπλα απο κάποιους συνδυασμούς που έχω στα προϊόντα μου

 

ευχαριστώ

[Kiskipelis Ioannis]

_{Καλημέρα}

_{Με αυτό τον τρόπο παρακάτω εάν και δεν θα το πρότεινα γιατί νομίζω τα πολλα κουδούνια κανουν το site κιτς}

_{theme/product.tpl    προσθεσε εκεί που θες το pop-up}

                            <p style="text-align: center;"><span class="dropt" style="color: #d0121a;"> ?
  <span style="width:200px; color: #000000;">μπλα-μπλα...........μπλα
  </span>
</span> </p>

 

theme/css/product.css   πριν απο    /* table product-discounts */

 

span.dropt {border-bottom: thin dotted; background: #f0f0f0;}
span.dropt:hover {text-decoration: none; background: #fff; z-index: 3; }
span.dropt span {position: absolute; left: -9999px;
  margin: 10px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 3;}
span.dropt:hover span {left: 2%; background: #fff;}
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 10px 0 0 70px; background: #fff; z-index:3;}

 

Με εκτίμηση

 

Lou Shoes

[artcandle]

_{Καλημέρα}

_{Με αυτό τον τρόπο παρακάτω εάν και δεν θα το πρότεινα γιατί νομίζω τα πολλα κουδούνια κανουν το site κιτς}

_{theme/product.tpl    προσθεσε εκεί που θες το pop-up}

                            <p style="text-align: center;"><span class="dropt" style="color: #d0121a;"> ?

  <span style="width:200px; color: #000000;">μπλα-μπλα...........μπλα

  </span>

</span> </p>

 

theme/css/product.css   πριν απο    /* table product-discounts */

 

span.dropt {border-bottom: thin dotted; background: #f0f0f0;}

span.dropt:hover {text-decoration: none; background: #fff; z-index: 3; }

span.dropt span {position: absolute; left: -9999px;

  margin: 10px 0 0 0px; padding: 3px 3px 3px 3px;

  border-style:solid; border-color:black; border-width:1px; z-index: 3;}

span.dropt:hover span {left: 2%; background: #fff;}

span.dropt span {position: absolute; left: -9999px;

  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px;

  border-style:solid; border-color:black; border-width:1px;}

span.dropt:hover span {margin: 10px 0 0 70px; background: #fff; z-index:3;}

 

Με εκτίμηση

 

Lou Shoes

Σε ευχαριστω πολύ

 

έκανα όπως μου το είπες ακριβώς και δούλεψε κανονικά,  επειδη όμως έχω 3 επιλογές συνδυασμών, μου το βγαζει και στης 3 επιλογές.

 

έγραψα και στο global forum, μήπως πάρω απάντηση, και μου απάντησε ένας με την εξής απάντηση:

 

The easiest solution I can think of is to edit product-list.tpl and find the following code (on line 343 of the default PrestaShop v1.6.1.5 theme):

                                            <label class="attribute_label" {if $group.group_type != 'color' && $group.group_type != 'radio'}for="group_{$id_attribute_group|intval}"{/if}>{$group.name|escape:'html':'UTF-8'} </label>

And change it to:

                                            <label class="attribute_label" {if

$group.group_type != 'color' && $group.group_type != 'radio'}for="group_{$id_attribute_group|intval}"{/if}>{$group.name|escape:'html':'UTF-8'} {if $id_attribute_group == 1}<a href="javascript:" title="{l s='mpla......mpla......mpla........'}">[?]</a>{/if}</label>

Change 1 in the if statement to the ID of the "Pre-Drill Well" attribute group. You can find the ID on the Catalog > Product Attributes tab to find the ID.

 

 

αυτός δεν πειραζει καθόλου ccs. και το ερωτηματικό εμφανίζετε εκεί ακριβός που το θέλω. αλλά η δικιά σου περίπτωση μου αρεσει πιο πολλοί γιατί μπορώ να πειράξω  border,,   text     και άλλα

 

παραθέτω και φωτογραφίες και με του 2 συνδιασμους 

 

 

 

Edited June 12, 2016 by artcandle (see edit history)

[Kiskipelis Ioannis]

Καλησπέρα

Ο λογος που το βγάζει έτσι ειναι γιατι ειναι λάθος η γραμμή στο product.tpl που έβαλες τον κώδικα .Τοποθέτησε την παράγραφο του κώδικα κάτω η πάνω απο την τιμή -κάτω απο την ποσότητα η ακόμη καλύτερα τοποθέτησε τον κώδικα σε layer και για λόγους  εμφάνισης σε όλες τις συσκευές. Η λύση από το product-list.tpl είναι Ο.Κ. και σου δίνει και πολύγλωσση υποστίριξη {l s='mpla......mpla......mpla........'} όπου θα σου εμφανίσει τα αντίστοιχα πεδία στις μεταφράσεις

Παρεπιπτόντως ωραία κεριά παρα πολύ όμορφη η δουλειά σου

Με Εκτίμηση

Κισκιπελής Βασίλης

Εργοστάσιο Γυναικείων υποδημάτων (Σχεδιασμός-Υλοποίηση)

Lou Shoes Factory