Hey Cam thanks for your help with everything thus far. I am having some trouble controlling how the products are aligning on the collection pages. I tried to change the css to make a medium size product grid to go along with the large and small, but my changes don't seem to be taking effect.

I want every row to always display three products on large and medium screens, right now at certain sizes my rows get blow out and a product drops down.

Here is a link: http://asterisk-2.myshopify.com/collections/accessories-1
password: whaick

Thanks again.

I noticed that on pages that uses the "quick view" feature, that when you add a product to your cart, It's adding the wrong product.

This is something I add all the time to shops I build with this theme. I will share it with you all as soon as I get a free moment.

Hi guys, Not an issue as such but i've developed the addition of a breadcrumb snippet and wanted to share it with you. Here is the code for the snippet

<ul class="breadcrumbs">
<li><a href="/" class="homepage-link" title="Back to the frontpage">Home</a></li>
{% if template contains "product" %}
{% if collection %}
<li>{% if collection.handle %}
{% capture url %}/collections/{{ collection.handle }}{% endcapture %}
{{ collection.title | link_to: url }}
{% elsif collection.all_products_count > 0 and collection.products.first.type == collection.title %}
{{ collection.title | link_to_type }}
{% elsif collection.all_products_count > 0 and collection.products.first.vendor == collection.title %}
{{ collection.title | link_to_vendor }}
{% endif %}
{% else %}</li>
<li> {{ product.type | link_to_type }}
{% endif %}
{% elsif template == "article" %}</li>
<li>{{ blog.title | link_to: blog.url }}
{% endif %}</li>
<li class="current"><a href="#">{{ page_title }}</a></li>
</ul>

and then you can just insert it wherever you want with

{% include 'breadcrumb' %}

Anyone get the foundation accordion/tabs/dropdowns working?

Errors in HREF's for product images. Fixed in demo, will be committed ASAP.

I'm having an issue in relation to individual product pages. If a product has more than one image, the secondary images are shown in small thumbnails, however when trying to transition between one image to view the next, nothing happens.

For example, if I click to see the second picture on the larger scale, it doesn't transition to that image. It continues to show the featured image only.

Is there a solution to this issue?

Best regards,

Mike.

I think basic 'favicons' with settings in the admin for uploading replacements is a good idea. This should include icons for iOS and Android devices.

The enable custom logo and mailchimp option selectors are using the same code. Must be separated.

Fix is ready. Must be committed ASAP.

If you could enable support for the Equalizer plugin, recently added to Foundation 5, that would be awesome

Hi,

I've got a few product variations going on namely size and colour but it's not updating the product price. So, the user has no idea how much the item will cost before they will add to their cart.

I'm using the default product.liquid template with a few css changes. There's no JS errors on the page.

I was having an issue with the reveal modal not closing when clicking on an extra image under the featured. I've fixed it now an would like to inform all how.

Under product.liquid, just add "data-reveal" to the div that had the modal. It should look something like this:

div id="myModal{{ image.id }}" class="reveal-modal expand" style="position:fixed;" data-reveal

(But obviously with < > on either side)

Hope this helps!

How can I change the size that shopify is giving to the product images I am uploading so that the rollover zoom functionality works on large screen? Also how can I make it so that if you are selected on an image other than the featured image it chooses the correct image to zoom in on, right now it always shows the featured image.

Example: http://asterisk-2.myshopify.com/collections/protection/products/cyto-cell-knee-protection-system
pw: whaick

How can I control where the tooltip shows up when rolling the mouse over the cart portion of the nav?

Here is my dev site: http://asterisk-2.myshopify.com/products/cyto-cell-knee-protection-system
pw: whaick

I'm not sure why yet. But the 'previous' and 'next' buttons for skipping through products in a collection aren't working. Maybe they never did. It must be fixed!

Code looks fine but for some reason the Add to Cart button doesn't grey out and change to "out of stock" when an item is unavailable as per the standard shopify themes

Add option and basic markup for popup 'quick shop' using Foundation's 'reveal' modals.

Should include 'product name', 'product price, 'product selectors', truncated 'product description' and 'add to cart' button.

I'm getting an odd thing happening. If there is an instance on the site that only populates 2-3 products, there will be a gap between the last product in the list. I have it setup for 4 to a row.

In other words, if there are only 2 products in a collection, there will be a 2 product gap between the first and last child. Any ideas?

Does this shopify support products with custom core price options? not using for variants option only custom core select option. because only option yes or no with select the custom price like '$10 for yes' but 'no' option will select then price not add $10 only show previous price.
after add to cart click button the value will add on the cart form and go to checkout page..
please any help me for this issuse....

Related products are, 90% of the time, not displaying. I've only managed to catch them on the page once so i have a feeling something may not be quite right with the liquid statements.

Can provide link on request but only privately

There is a mistake in the way product pages display multiple images as modal popups. I have fixed the code in the demo, and will commit it ASAP.

when i click the image ,it opens new windows..
what javscript do i use sir?

I think a lot of people want to be able to have a way to sort products using a refinement tool with multiple drop down selectors.

While this feature usually requires some hard-coding, I believe it could be made almost entirely UI based using the template options system. This could be a little bit heavy though, and may be best left as a snippet that can be hard-coded per site.

I would love to know people's thoughts on this before I code it up!

Shopify Documentation on the concept can be found at http://docs.shopify.com/support/your-store/collections/filtering-a-collection-with-multiple-tag-drop-down

Add the alternate menu style from foundation (ie not the topbar). Probably as bottom menu for demo purposes.

How do I add a link to the image in the slideshow without hardcoding it in? needs to be controlled from the theme settings!

Hey guys,

Suggestion to add an ajaxed "add to cart" so that the user isn't taken away to the shopping cart from the product they are browsing after pressing add to cart.

I'm looking into this myself anyway so will post here if i succeed!

It is important to prioritise upgrading to Foundation 5, which has addressed some issues seen in Foundation 4.

Does this template support products with multiple options?
Thank you for this template btw. It works great!

There is an error on the login page, as seen on http://theme-framework.myshopify.com/account/login

I will fix this ASAP.

Data option data-options="is_hover:false" in the top

I've tried to implement the Quick View Modal in my store and for some reason if I open the model on the product.liquid page all the content displays inside the modal. However if I open the modal on the index.liquid or the collection.liquid page, empty image and dropdown fields are presented.

The only reason I can think this might not be working is because I have the link trigger in a separate snippet to the actual modal I want to be revealed - this is due to my setup. The thing is I can't understand why this might be? Otherwise I must be completely missing something in my code.

Here's a link to my test store. If you click 'Buy' it opens the Quick View modal.

If this is something you could help with I would be truly grateful!

When a product has multiple thumbnails, the zoom is only being applied to the first featured product.

See demo:
https://theme-framework.myshopify.com/collections/frontpage/products/demo-product-1

Hi there!

On my home page (http://airwarelabs.com/), I've added a foundation Reveal Modal in the section called "Bubble Boy Bursts Out of his Bubble" that shows a video. You can either click the play button or the button that's labeled "SEE HIS STORY" to see the video. The first time when you click on either button the video loads, but when you try to click on either button again the video does not load.

Furthermore, a different video labeled "VIEW HOW-TO VIDEO" at the bottom of the home page stops working when I put in these new videos.An error also appears when I put in these new videos:
event.returnValue is deprecated. Please use the standard event.preventDefault() instead. www-embed-player-vflvfyHkM.js:29

Also, If I replace the videos with images the Reveal Modals work fine, so I'm assuming it has to do with having multiple iframes on this page :(

So, so lost, please help. Thanks

PS: I tried copying my code into here but in the preview it strips out the html, let me know how I can show you my code.

To be completed. Including Mailchimp option.

Not really an issue, however, I can't seem to figure it out.

I changed the overall width of the layout to 75em instead of the standard 62.5 in the row element. The issue I'm facing now is that the slider images are resizing to the standard 1000 x 563 when they need to be 1170 x 563 or 1170 x 659. I can't seem to figure out how to adjust the width. Any ideas?

Hi guys, great work on creating this!

I'm trying to get a dropdown list to work on the top bar and it looks like this has been missed. Realistically from a basic user's point of view it needs to work like described in this video:

http://docs.shopify.com/manual/your-website/navigation/create-drop-down-menu

I've already developed this, but need to clean it up and add it. Harass me if you need it ASAP.

I noticed that there is an overflow: scroll property added to the reveal modal, and in my case, I need this for mobile or the ul in my modal will not work properly. Trouble is though, that it creates an unsightly gray bar across the right and bottom.

I've changed it to a overflow-y: auto !important. That fixed the issue for me. Will this cause any issues that anyone can think of?