matmatoo Posted January 29, 2011 Share Posted January 29, 2011 Hi all!I'm about to launch a clothing store using PrestaShop, and I just went to this website where they have a "sizing chart" option beside the product price etc.Please see here: http://www.gazmasta.com/lang-en/tees/54-neoz.htmlIs there any addon I can download that will enable me to get a pop-up size chart?Thank youMatt Link to comment Share on other sites More sharing options...
matmatoo Posted January 29, 2011 Author Share Posted January 29, 2011 Anyone? Any suggestion would be welcome. Link to comment Share on other sites More sharing options...
cedrickb Posted February 10, 2011 Share Posted February 10, 2011 Hi,Did you find a solution? I'm interrested in doing same thing!Thanks in advance for your replyCedrick Link to comment Share on other sites More sharing options...
otzy Posted February 10, 2011 Share Posted February 10, 2011 use combinations Link to comment Share on other sites More sharing options...
cedrickb Posted February 10, 2011 Share Posted February 10, 2011 sorry if its a dumb question but what is "combinations" a plugin? a module? A combination of differents solutions? Link to comment Share on other sites More sharing options...
mytheory. Posted February 11, 2011 Share Posted February 11, 2011 Hi,So are you just trying to have something that pop up that shows the size chart? Or are you looking for a pop up that is interactive... like you can select the size and what not... like the attribute selection in a popup?To accomplish the latter would require a lot of modifications, is quite difficult, and out of my scope of knowledge.However, if you just want a chart to pop up for reference purposes... that might be a little bit easier. Why don't you just create the chart as an image or just list it into a CMS page.... then place a link on you product page (product.tpl) that links to the CMS page or the hosted image... and then use thickbox to pop it up, like how your images react when you click on it.I was planning on doing somethign like this for a color chart for our site, but haven't had the time look into this. It's a low priority for me at the moment. If this is what you are looking for, I could look into it this weekend. No guarantees.HTH! Link to comment Share on other sites More sharing options...
mytheory. Posted February 11, 2011 Share Posted February 11, 2011 Just followed that link from your first post... I'm guessing that's not your site, or a PS site for that matter. Clean site however. If that is what you are looking for I think that lines up with what I am also trying to do as mentioned above. I'll try to take a stab at it this weekend. Link to comment Share on other sites More sharing options...
mytheory. Posted February 11, 2011 Share Posted February 11, 2011 Hi,After a little brainstorming, I realized that I had implemented something very similar for one of my other sites a while back. So after a quick look at the code and a quick modification here is what I've got. You will need to edit /themes/prestashop/product.tpl. You can place this code where ever you would like it to appear... but personally I ended up placing it right below the product information block (right below the Add to cart buttons). Mine ended up being after the </form> tag on line 320. Not sure? Click here for {l s='Color Chart'}. Also, this will create a small block/box... it replicates the border/box of your short descriptions. Usually your short descriptions will appear at the top of this right column above the price and attributes, etc. That is why you can move this block of code to where ever you would like this block to appear. If you are just interested in the text and link, just omit the div tags, and copy and paste the inside code to wherever you want it to appear.To make this work I first created a CMS page through the BO, alternatively you could use an image file hosted on a different domain, or better in the img folder of your root directory or theme folder. If you go the CMS route (which I think is better since you can easily modify it's content and also upload images to it) you will need to replace 'XX' after id_cms= to the id of the CMS page you want to appear. If you want to use a hosted image you can change {$base_dir}cms.php?id_cms=XX after the a href tag to the url of the image. Alternatively, you could also point the line to a different folder within your PS installation... ie. change {$base_dir} to your img or theme/img directories and then define the image's name.You may want/need to tweek the CSS a little bit to liking. We are using a custom theme so my line numbers may be slightly different, and we edited the div id in the global.css file. And finally, you can modify the size of the thickbox to your liking by modifying the width and height values in the code.Try it out and let me know how it works out.HTH! Link to comment Share on other sites More sharing options...
cedrickb Posted February 12, 2011 Share Posted February 12, 2011 Hi all,I used that solution: http://javascript.internet.com/miscellaneous/popup-div.html. It works, but there is no animation when the popup open and close... if someone can help me this animation it would be perfect!@mytheory, for your solution, the animation is defined on the css file? What do I have to do in my global css to get the result wanted?Thanks in advance!Cedrick Link to comment Share on other sites More sharing options...
mytheory. Posted February 13, 2011 Share Posted February 13, 2011 Hi,Honestly, I haven't looked at that link you provided... but guessing it utilizes javascript. If the solution isn't working properly or at all this is probably due to a javascript error. Because PS uses a lot of javascript components, if they aren't programed to compliment each other they will have the opposite effect. They will cause each other to break, or one script will execute but cause an error on the other one. I've had this issue when adding various modules (usually slider modules) for some reason sometimes they play nice together... and I have to wait until somebody fixes the program or I just have to abandon one. Either way it's out of my scope of knowledge.I think the thickbox code is within the js folder. I'm not able to log into my FTP to verify this. Either way the code utilizes the already used thickbox feature so you shouldn't have to modify that code. I just used the global.css file to modify the look and feel of the box, text, link, etc. Nothing to do with thickbox itself. My site is heavily modified so I'm not 100% sure.HTH! Link to comment Share on other sites More sharing options...
Gaz Posted February 13, 2011 Share Posted February 13, 2011 May be i can give you the answer! ^^ Link to comment Share on other sites More sharing options...
cedrickb Posted February 14, 2011 Share Posted February 14, 2011 that would be great!!! Link to comment Share on other sites More sharing options...
Gaz Posted February 14, 2011 Share Posted February 14, 2011 edit your product.tplPut a link on an image and plugin zoombox!That's allIt's very easy Link to comment Share on other sites More sharing options...
zarema Posted March 28, 2011 Share Posted March 28, 2011 edit your product.tplPut a link on an image and plugin zoombox!That's allIt's very easy Darling Gaz,Please upload the script zoomboz.js and product.tplAnd if possible. How to make that text: "Not sure? Click here for Size Chart" correctly was been shown in Russian if Russian Buyer and in English if a buyer from other Country. Please help me.Thank you very much.Zarema Link to comment Share on other sites More sharing options...
Gaz Posted March 28, 2011 Share Posted March 28, 2011 zoombox here : http://www.grafikart.fr/pages/zoomboxYou need to put the text in your product.tpl like this : {l s='Your text'} if you want to translate itex: {l s='Not sure? Click here for'} {l s='Size Chart'} rel="zoombox" is for zoombox Link to comment Share on other sites More sharing options...
zarema Posted March 28, 2011 Share Posted March 28, 2011 Thank you darling Gaz. But I'm fully dummy in it? Can you help me in details? Link to comment Share on other sites More sharing options...
zarema Posted March 28, 2011 Share Posted March 28, 2011 Dear Gaz,And please tell me when I must to put rel=“zoombox” ? Gaz, yet, is possible to make this that it was been sown only on the goods which have a size chart?Thank you so much in advance. Link to comment Share on other sites More sharing options...
zarema Posted March 28, 2011 Share Posted March 28, 2011 Where I must to place the files from zoombox? Are they must be redacted? Link to comment Share on other sites More sharing options...
zarema Posted March 28, 2011 Share Posted March 28, 2011 I use the standart theme of prestashop 1.3.1.1 Please help me. Link to comment Share on other sites More sharing options...
Gaz Posted March 30, 2011 Share Posted March 30, 2011 in the folder JS of your thems or cms! Link to comment Share on other sites More sharing options...
zarema Posted April 4, 2011 Share Posted April 4, 2011 in the folder JS of your thems or cms! Thank you darling,But anyway I can't made this function (((( Sorry, I'm dummy (( Link to comment Share on other sites More sharing options...
Dhen Bagoez Posted May 23, 2011 Share Posted May 23, 2011 Thanks, work fine in my store Link to comment Share on other sites More sharing options...
gerry293 Posted November 10, 2011 Share Posted November 10, 2011 I would like to do something similar but I need to link a popup window from the TINYMCE editor as in my website I have many description for each products. I really need help on this I have been trying for many days to implement a nice popup window from links from the TinyMCE. I right now only can make the ugly popup thats implemented with the tinymce but would need the pretty javascript one. Thanks Is this possible ? Thanks Link to comment Share on other sites More sharing options...
otzy Posted November 10, 2011 Share Posted November 10, 2011 I would like to do something similar but I need to link a popup window from the TINYMCE editor as in my website I have many description for each products. assign css classes to popup link and popup content, for instance <span class="popup_link">popup link</span> <div class="popup_content hidden">size table ...</div> then add to your theme javascript the code for binding popup widget to class popup_content and clik event to popup_link Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now