Help - Search - Members - Calendar
Full Version: Tutorials For Dropdowns & Java & Upgrading Site?
MonsterSmallBusiness Forums > MonsterCommerce > How do I?
RockyTrail
Hi gang,
Is there a tutorial area showing various "how-to's" regarding updating the look and feel of my stores?
I'd like to update the site to perform the cooler, newer feel to the category drop-downs and the image zooms like this:
Mousever categories and zoom the image:
http://tinyurl.com/2phhgq

There are other examples of cooler image zooms and all nowadays.
Does monstersmile.gif have a sample set of these kinds of options?
Where do I get the code?
Where are these tutorials?

Thx,
Chuck
http://www.rockytrail.com
http://www.bluedotstore.com

tahj1024
that feature is built into their system. you would have to custom code the product page to do that. I seen a Java script that worked like that site's gallery BUT it probably wont work on v7. I think old navy has the best online clothing display codes BUT that is obviously a custom built cart from the ground up
RockyTrail
All I want is to be able to do this:

http://www.eddiebauer.com

SO COOOOOOL! Click around a little..

How do we do that with monstersmile.gif ??

Chuck

QUOTE(tahj1024 @ Feb 27 2008, 12:28 AM) *
that feature is built into their system. you would have to custom code the product page to do that. I seen a Java script that worked like that site's gallery BUT it probably wont work on v7. I think old navy has the best online clothing display codes BUT that is obviously a custom built cart from the ground up

MartiniGuy
QUOTE(RockyTrail @ Feb 27 2008, 04:47 PM) *
All I want is to be able to do this:

http://www.eddiebauer.com

SO COOOOOOL! Click around a little..

How do we do that with monstersmile.gif ??

Chuck

QUOTE(tahj1024 @ Feb 27 2008, 12:28 AM) *
that feature is built into their system. you would have to custom code the product page to do that. I seen a Java script that worked like that site's gallery BUT it probably wont work on v7. I think old navy has the best online clothing display codes BUT that is obviously a custom built cart from the ground up


Hey RockyTrail.

Saying, "All I want to do is..." is actually a tall order if you are not familiar with javascript, flash...etc. It's not amazingly daunting if you are familiar enough with the system and familiar with cutting, pasting and plunking with scripts (and flash).

There are no "canned" tutorials through monstersmile.gif or netsol, or plugins that are going to give you a simple click path to creating the stuff you've pointed out. There are however tons of resources on the web.

Adding a "cool factor" to any site, especially a dynamic cart site like this system (and V7) takes familiarity with the system, research about what you want to acheive and the stuff (technology) that'll get it done...and specifying a design/redesign before dipping into the technology is a good idea.

I would suggest visiting javascriptkit.com and poking around. You could also do a search (goog, yahoo, msn...) javascript website navigation (or other similar terms) to find proggys that'll make like easier to do some slick navigation things. I love these folks and have licensed them for a number of clients, www.f-source.com

The EddieB site uses Flash, CSS tricks and javascript (and Im sure some other items) to accomplish the look and feel.

You might also want to check out www.zoomify.com for some cool tools.

Not sure exactly what you are looking to do, but I hope some of that info helps.

Again...start by creating a design/redesign with some specific objectives and then look for the tech/tools to help you meet those objectives. Just randomly plugging in some cool bits without a plan wont likely (in my opinion) get you what you are looking to accomplish.

All the best and good luck

PS If I may also suggest...I would ditch the "Ads by G00gle" quickly. Just my 2 cents
bigedmond
For POP up Menus, Seriously dreamweaver makes it easy. You just cant be using Dreamweaver CS3. Basically, you select the button you want to pop up menu, the go into the Tag Inspector, select behaviors, then click the plus icon. Then select show pop up menu. It will give you a dialog box, that you fill out with link names, links. You can also set the look, where it shows. It will then add the code to you page, and generate a Javascript file, that you will have to upload to you site.
chrisGC
To do what glamajama uses it's a technique called Lightbox which is found here. I am not sure if version 7 now has this built in but it looks like it does.

Here is another jscript library for this technique
http://jquery.com/demo/thickbox/
tahj1024
QUOTE(chrisGC @ Apr 1 2008, 10:01 AM) *
To do what glamajama uses it's a technique called Lightbox which is found here. I am not sure if version 7 now has this built in but it looks like it does.

Here is another jscript library for this technique
http://jquery.com/demo/thickbox/



GREAT find . . .the only problem with this is that we the thumbnails would not be under the main pic as seen on that site . In other words, we would have remove all codes from the product layout template except Product Description then we would have to paste the entire layout code in each product's description including the appropriate image locations. It should work for people with a low # of products but it would probably be a headache for anyone adding a large number of products.
RockyTrail
Okay gang,
Thanks for the GREAT suggestions!
I was working with this today:
http://www.huddletogether.com/projects/lightbox2/

And have come up with this so-far:
http://www.martphoto.com

I can see how this can be used for the store & will give it a try and let everyone know what happens.

Chuck
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.