product tile and layout to haml