|
449c496ce22717936807764a72236011
|
Trouble with PreView Vision Updatesby ecstewart - Member - 08:05PM, Jun 29, 2008 |
|
Hey Folks- I should have introduced myself -alas, I’m an introvert that dives right into deep conversation. My shop is calligraphypets.myshopify.com (it’s moving veeeeery sloooowly). I discovered Shopify this Spring and think it’s the coolest thing since curling irons. I’ve given up curling irons because I’m too busy hacking code. ;) As a front-end Web Designer, I hack pretty well. I used to code by hand but I’m now attempting to get cozy with Dreamweaver CS3. Also this Spring, I invested in an iMAC and I’m learning that along with getting acquainted with Ruby & Liquid. All of this is completely new to me! So! Lots to learn. My question: I’ve downloaded Vision because I really want my eCommerce site to resemble my original site (calligraphypets.com). I’m also flipping over to Dreamweaver because nothing seems to coalesce. I have imported theme.liquid and made a change or two (add’l *.css & new masthead) in both Vision & Dreamweaver but do not know how to preview my changes. In the Dashboard: I managed to upload the updated theme.liquid but I don’t see any changes. In Dreamweaver: The Browsers have disabled themselves preventing me from seeing anything. I can’t even pull up the file manually in a browser. PS. I really don’t feel like purchasing TextMate for the iMAC since I’ve already invested in Dreamweaver. Help! ---
Lisa, CreativeGoddess |
|
|
Hi, Steps to follow: 1) On your local machine, with Vision installed and working, you can get familiar with the directory where all the canned themes are stored. You can safely ignore them, since you want to edit YOUR theme. To decide what your theme is, you can either copy a canned one supplied by Shopify, or invent your own. You choose. Sometimes editing a canned theme into your own is a good idea, sometimes it is problematic, depending on your actual needs. 2) Once you establish your theme, bring it up in Vision’s Dashboard and ensure you are seeing your theme, and that you can change it, locally. 3) Point Dreamweaver at your theme directory so that any edits you make in Dreamweaver, on your theme, are visible at localhost:3232. Are you seeing your editing now? Is that good for you? If not, you are doing something fundamentally wrong. If you are good to go… 4) export your theme into the standard zip file Vision provides. You can now upload this into Shopify and see your results. Some problems: Due to Vision using Protocrapulous javascript hardcoded into Vision, you cannot easily work with other Javascript libraries, which for a lot of designers is painful. Moo, ExtJS and jQuery are often much nicer to use. This is not Shopify’s fault per se. Vision has a static, hard-coded database that is not easy to change to your own products, causing some designers to choose not use it. Vision cannot easily support your own Navigation, Page or Blog tricks since you’d have to alter Vision somewhat to perform any extras. So in summary, it is great for pure, simple, web-design, provided you can kill off the built-in Javascript when needed, and you can deal with the snow-boards… etc.. Hope that helps… it is quite simple once you get the hang of it. I prefer using Eclipse…. ---
Implement the Logic. — Last edited 02:17AM, Jun 30, 2008 |
|
|
Nuts, Hunkybill, I must be doing something fundamentally wrong. I’ve got Dreamweaver pointing at my directory, but do not know how to view localhost:3232. Even when I have my dashboard up I can see localhost:3232 but when I click ‘save’, I do not see my updates. I haven’t tried JS script yet because I’m still struggling to see basic changes. Is there a 3rd window one must have? Can someone do a screencapture for me so that I can see the basic virtual work station(s)? Thanks. Signed, Confused. ---
Lisa, CreativeGoddess
|
|
|
I took a screencapt of my Dreamweaver + Vision, if that helps. ---
Lisa, CreativeGoddess 
|
HunkyBill
Member
02:10AM, Jun 30, 2008