Jump to content

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


artcandle
 Share

Recommended Posts

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

 

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

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

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

 

ευχαριστώ

post-848833-0-64964100-1465640797_thumb.jpgpost-848833-0-59185500-1465640816_thumb.jpg

Share this post


Link to post
Share on other sites

Καλημέρα

Με αυτό τον τρόπο παρακάτω εάν και δεν θα το πρότεινα γιατί νομίζω τα πολλα κουδούνια κανουν το 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

Share this post


Link to post
Share on other sites

Καλημέρα

Με αυτό τον τρόπο παρακάτω εάν και δεν θα το πρότεινα γιατί νομίζω τα πολλα κουδούνια κανουν το 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 συνδιασμους 

 

post-848833-0-08345800-1465722310_thumb.jpgpost-848833-0-21415900-1465722311_thumb.jpg

 

 

Edited by artcandle (see edit history)

Share this post


Link to post
Share on other sites

Καλησπέρα

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

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

Με Εκτίμηση

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

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

Lou Shoes Factory

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

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