liquid-layout

Shopify: Replacing Product Radio Buttons With Dropdown Select

Hi, With Shopify I am trying to alter my product template to display a dropdown select list instead of radio buttons for my product variants. I managed to do this but when you try and add a product to the cart from the list it says, "No variant ID was passed." Here is the code for their radio buttons: <ul id="product-variants"> ...

Align a DIV to the right of a fixed width left bar

With a fluid layout, trying to have a 200px left bar and the right div should expand width wise. When some wide content goes in (say a table with a few columns), if the browser isn't wide enough, the right div gets pushed down below the left bar. How can I sort this? #container{ min-height:300px; } #leftBar{ width:200px; fl...

collapsible layouts in flex

Hi, I'm just finished my first month of getting to grips with flex. All of my projects so far have be very small fixed sized containers with everything in the application resting in an absolute position. The next up and coming project is going to require a more dynamic layout and need some advice. The app will consist of 3 container ...

HTML / CSS: How to make the content follow the footer?

My problem is that I need a footer which is always on the bottom, even if the page scrolls etc.. but I don't know how to make the content follow the footer. Please see the example given, this is a very similar layout, I have a sidebar also, but you can see with firebug, or something like that, that the body div is not following the foot...

CSS: Centered, fluid left, fixed right, source ordered layout with min/max width

The titles says it. I want a 2-column CSS layout that: is centered - the main content is centered on the page has a fixed (pixel) right column width has a fluid left column - uses up all available space minus the right column width is source ordered - the left column content comes before the right column content in the HTML source allo...

CSS box stretch to occupy all available room

So I'm trying to create this layout. Here is a picture of the 3 "boxes" that constitute the page: https://dl.dropbox.com/u/9699560/layout.jpg And here is my attempt: https://dl.dropbox.com/u/9699560/map.html The red box is a Google Map, so if its height isn't specified, it shrinks to zero. What I am trying to do is the following: Th...

Passing variables to model instance methods in Liquid templates

I've been playing around with the Liquid templating engine this weekend, and I wonder if the following is possible. Say I have a latest_posts method in a Blog model, which I can pass an integer to to get the latest N posts. Is it possible to use that method in a liquid template? For example: class Blog has_many :posts def latest...