PDA

View Full Version : Light Box for Size Charts



ritchey
01-09-2014, 10:26 AM
I would to change my size charts from going to a Category Page to a Light Box. This way I can reduce people leaving the product page.

Any suggestions on the code?

Something I found, but seems to require a graphic:
http://www.htmlgoodies.com/beyond/javascript/article.php/3881276

In a perfect world, I would like to strip off my header and footer for the size chart pages, and just use the existing category pages that have a table for the size chart, instead of having to create new html pages.

Marc_NY
01-09-2014, 11:09 AM
Yes you can use the existing Volusion shadowbox or use some other similar "lightbox" type popup and at the same time strip off whatever you want. The only issue with this method is you are still loading the complete page even though your are only showing the chart so your not saving on bandwidth. Ideally you would call just the html/css for the chart only to save some bandwidth.

BabyBeauandBelle
01-09-2014, 11:48 AM
while it's not a "lightbox" we just use a pop up window with some html in it using this code:

<a onclick="window.open(this.href,this.target,'toolbar=no,resi zable=yes,height=400,width=400,menubar=no ,scrollbars=yes');return false" href="//path to your html" target="_blank"><img src="//path to your button image"></a>

you can obviously change the height and width to any size you need.

as seen here: http://www.christeninggowns.com/Penelope-Christening-Gown-p/pe10.htm

KKS
01-09-2014, 11:49 AM
I have been thinking about my size charts too. Mine are in the product description, and my description is above pricing.

Can't decide how this impacts SEO, and if customers would be more likely to look at the chart if it were a pop up.

KKS
01-09-2014, 11:50 AM
while it's not a "lightbox" we just use a pop up window with some html in it using this code:

<a onclick="window.open(this.href,this.target,'toolbar=no,resi zable=yes,height=400,width=400,menubar=no ,scrollbars=yes');return false" href="//path to your html" target="_blank"><img src="//path to your button image"></a>

as seen here: http://www.christeninggowns.com/Penelope-Christening-Gown-p/pe10.htmI have been admiring your size charts for a long time and contemplated doing this. Thank you for sharing the code.

ritchey
01-09-2014, 03:55 PM
Thanks everyone!

My thinking:

1. Lots of browsers have pop up blockers. I was surprised BabyBeauandBelle were not blocked in my browser.

2. Light box would theoretically get around the issue of being blocked.

3. Size charts are something a customers needs to easily find, but it's at a later stage. First they have to decide do they want the item. Then they are going to look at the size chart (may be), and see if it fits. Some users don't even know how to measure or do not want to spend the time, so they just assume the size is correct. Or if they measure, they do it wrong. I measured a size 6, so I got an 8, but my child usually wears a 10. Another return!

Or, it's a size 6, that should fit! Oh, that's a Nordstrom's Size 6 (bigger), than a WalMart Size 6 (smaller). Oops, it did not fit and another return!

And sizes vary depending on the style of the dress. Unfortunately in the US, dress sizes are not standard!

KKS
01-10-2014, 08:37 AM
1. My knowledge of popup blockers is limited, but don't they distinguish between certain forms of automated pop ups vs selected? In Volusion, if we put info in the "About Option Category", customers have to click the Help button to view it -- and this is a pop up, isn't it?

Although none of my pop up blockers in any browser block BBB's size charts, I understand your concern.

2. I would love to do a focus group with customers relative to size selection. Sizes do vary among designers, but when a customer orders a Small and then exchanges for a Large, I wonder what they were thinking, especially for $$$ purchases.

I added a "How to Measure" guide and offer clear and concise info. Even when customers contact us for further instruction on how to measure and select size, it can be difficult. For some of our products, an inch in the chest measurement makes a big difference. In the canine world, customers are usually stuck on weight, which is useless and often way off.