|
10e942171082cfde725617a4658dc4c8
|
Liquify existing XHTML/CSS pageby Josh - Member - 06:25PM, Jul 24, 2006 |
|
Had anyone taken their existing xhtml/css pages and dropped in some liquid variables here and there, and then save them as your theme? For our existing site, I pretty much have a template for each type of page, along with consistency for certain sections. I dont want to recreate what I already have, just use my design to create a new theme for the shopping portion (Shopify) so it matches our site exactly. Maybe I should stop typing and try it, huh? |
|
|
As far as I’m concerned, that’s what shopify’s all about. You have total freedom in your css & xhtml, except on the search results page, where you nevertheless have a good measure of leeway that should allow you to format your page almost like the rest, and on the checkout page, where you have none, for the time being. I made my own templates based on what I had; it’s very easy and lots of fun! Go for it!
|
|
|
Ah, you can’t customize the search page? I see the form go to /search, but dont see that template anywhere. So whatever hooks are available on that page are what I can use. I just create styles for everything inside #search-results and link that sheet inside theme.liquid Im getting excited about this template stuff! I’ve never worked with it, but Im glad Im sharp on my xhtml/css… whoohoo
|
|
|
I’ve just done exactly that with my site, http://www.thepasty.com It’s actually pretty straight-forward to do. I was also able to customize the search page quite a bit using css (expecially in non-IE browsers) I’ll probably recreate what I’ve done (adding content with css) in IE using javascipt when I’ve got some time. ---
Richard Quick http://www.web-design-book.com – http://www.richardquickdesign.com – http://www.thepasty.com
|
|
|
I’ve done some updates to the search page to make it a bit more friendly to style. I moved the Stylesheets to an CSS include file instead of an inline style block which was hard to override. I also finally made the images clickable. ---
Tobias Lütke
|
|
|
This might be a useful code for Clickable Images . See how it works with my Casio Digital Camera image in the Top Reviews. Another example of the code is here . This would be great with Blogs/Product Reviews. Having Clickable Images throughout the website really makes it more user-friendly. Good luck everyone! ---
~~~~~~~~~~~~~~~~~~~~~~~~~ — Last edited 03:03AM, Jul 22, 2008 |
Christina
Miss Manners
08:42PM, Jul 24, 2006