liquid

I have 2 divs on same row, each with a width of 50% and a float: left. I would like them to stack one on top of the other if the user is viewing the page from a smart-phone. Right now, the divs remain on the same row even if the browser window is narrowed to 300px or if viewed from a smart-phone. Media queries is the way to go. I'd go with a mobile-first approach, and add media queries to scale up the design. I.e, start with the divs not floating, and add float and width when the screen estate reaches a certain size: <!-- HTML --> <div class="wrapper"> <div class="column"> <p>This is column 1<

I am trying to enable a div class based on when a user views certain web page eg: blog, index or ../page/webpage The code is like this: {% unless template contains "index" and settings.slideshow_enabled %} <div class="container main content"> {% endunless %} That "container main content" shows an image behind the nav bar. On other pages, the image starts from below the nav bar. A clear example here: http://retina-theme.myshopify.com/ I want to have that same homepage, link the link above, on selected pages or template: {% if template == "index" and template == "page" and settings.slideshow

I've found this nice jekyll theme: http://www.jacoporabolini.com/emerald/ with good looking pagination. Unfortunately is only good looking when there is a small number of pages. In case of my blog this looks like this: Not surprisingly because the code looks like this: {% for page in (1..paginator.total_pages) %} And it should like more like this: {% for page in (min(1,paginator.page-3)..max(paginator.page+3,paginator.total_pages)) %} The problem is, I don't think there is something like min and max in Liquid or even arithmetic operators like + or - . I was searching though the documentation

For internationalizing my app I need to be able to dynamically access entries in a YAML file. It is best explained with an example: Page: --- layout: default title: title_homepage --- This will then allow access to the title_homepage variable in the Default Layout Template: Default Layout: page.title = "title_homepage" Now normally I would access my _config.yml file like this: {{ site.locales[site.default_locale].variable }} However, now for this to work, I need to access the _config.yml with the value of page.title. This will not work: {{ site.locales[site.default_locale].page.title }} I need

Given this YAML: - maincategory: title: "Projects" subcategory: title: "General" item: title: "Alpha" item: title: "Beta" - maincategory: title: "Support" subcategory: title: "General" item: title: "Something" item: title: "Else" How would one iterate over this data if the Jekyll _data file is called entries.yml? So far I've gotten here but I'm not sure whether I should keep referencing the site.data oject in sub-loops. Also not sure whether this is even possible. {% for entry in site.data.entries %} <h2>{{ entry.maincategory.title }}</h3> {% for subcategory in site.data.entries.maincategories

I would like to create a product that would be available in Shopify's storefront but would only be accessible for the shop administrator. Is there anyway to identify if the current user is an admin via liquid? or is there any other solution for this challenge. Thanks! If you're signed in as an admin, when rendering the {{ content_for_header }} include, it will contain some JavaScript to push the page content down to make room for the Shopify admin bar. We can utilize capture to store the {{ content_for_header }} code as a liquid variable and then use the contains operator to check if admin_bar