Liquify existing XHTML/CSS page

by 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?

Christina

Miss Manners

08:42PM, Jul 24, 2006

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!

---

operation absurdist feature requests: terminated

(http://en.wikipedia.org/wiki/Absurdism)

Josh

Member

08:53PM, Jul 24, 2006

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

Richard Quick

Shopify Advisor

06:09PM, Jul 27, 2006

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.

tobi

jaded Pixel

01:15PM, Oct 04, 2006

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
Shopify – Founder, CEO

Dolce Deals

Member

02:48AM, Jul 22, 2008

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!
Rebeca
Dolce Deals

---

~~~~~~~~~~~~~~~~~~~~~~~~~
The Best Deals on the Best Gear
SAVE UP TO 30% OFF RETAIL!
DolceDeals.myshopify.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~

You must login to post a comment!

Don't have an account yet? Sign up for one.