In your theme editor when you load up product.liquid there's an option near the top tab to switch to an older version:     just click that and it'll give you a dropdown with up to 100 previous saves I believe. ... View more

@Mircea_Piturca isn't this option only available to Shopify Plus members? Or has it been made available to everyone now? ... View more

To track down the file you'll want to edit, you'll have to look at the "collection.liquid" file in your templates folder. Often with themes, when  you look in the file you wont see a whole bunch of code, you may see something referencing a file as pointed out above "collection-template.liquid". So in that scenario, you would see one of two things in collection.liquid:   {% include 'collection-template' %} //or {% section 'collection-template' %} Include references a snippet file, and section references a section file. So if you see something like that in your collection.liquid, that's the file you're going to want to look in. If you don't see that, then what you want to edit will be the collection.liquid itself. You'll want to look for:   {{ collection.description }} // and something else that looks like this (the product loop) {% for product in collection.products %} //Some html to display a product. {% endfor %} You'll want to move the {{ collection.description }} underneath the {% endfor %}. If your products are contained inside an unordered list, it may appear like this and you'll want to move it under the closing ul tag.   <ul> {% for product in collection.products %} <li>{{ product.title }}</li> //various other html {% endfor %} </ul> {{ collection.description }} Hopefully that gives you guys a little insight.   ... View more

Lol, that's what we're here for. Anytime. ... View more

Yeah finding stuff can be a little hard at first. Here's a little course that kind of walks you through everything in Shopify, and it was really helpful to me when I first started:   https://www.skillshare.com/classes/Shopify-Essentials-for-Web-Developers-From-Store-Setup-to-Custom-Themes/1070001866/projects   You just need to make a skillshare account to view the course, which is free.    You just kind of have to track things down, because things in Shopify (especially in pre-designed themes) are done very modular, broken up into more easily editable bits. So to track something down you'll usually want to start with your theme.liquid. If you open theme.liquid and scroll down you'll see something like this:   {% section 'header' %} <div class="page-container" id="PageContainer"> <main class="main-content js-focus-hidden" id="MainContent" role="main" tabindex="-1"> {{ content_for_layout }} </main> {% section 'footer' %} So where {% section 'header' %} appears, that's basically like an include in PHP. It's referencing a "Section" file called "header.liquid". So that's probably where your navigation is going to be. So head over to your sections folder and open header.liquid. Now there's a whole bunch of stuff in there. When you see thinks like:   {% if section.settings.align_logo == "left" %} //Some Content {% else %} //Some Other content {% endif %} That's referring to settings that you have set through your visual editor(the UI you get when you press the Customize button in Online Store > Themes). So don't let all that confuse you or anything. What you're looking for is your navigation, since this is up to HTML5 specs, you can probably just Ctrl + F for "<nav" to find wherever your navigation starts. So when I do that, I find this:   <nav class="grid__item medium-up--one-half small--hide" id="AccessibleNav" role="navigation"> {% if template == "blog" %} {% include 'blog-nav' %} {% else %} {% include 'site-nav' %} {% endif %} </nav> This is what mine looks like because I have already made edits to my default Debut theme. Someone else wanted to know how they would swap out navs if you were viewing their blog page, which can be achieved kind of like this. You're probably looking for "site-nav". When you see something with an include:   {% include 'site-nav' %} It's pretty much the same thing as {% section 'header' %} -- Except that include is referencing a "Snippet". So go into your snippets folder and open "site-nav.liquid". This is the file you're going to want to edit. It's already set up to handle nested navigation and give you dropdowns, so there's a bunch of liquid in there. But you're just wanting to edit the first level. So the file opens up with this:   <ul class="site-nav list--inline {{ nav_alignment }}" id="SiteNav"> {% for link in linklists[section.settings.main_linklist].links %} That's the opening of the ul, and then the next line is a forloop that is looping through each of the links for whatever you have set as the default link list in your Visual Editor (again, the Customize button).  Since you're going to want to have different icons for each link, you can reference the link's handle to set up some string variables to correlate to your font awesome icons using an if else statement inside of the forloop:   <ul class="site-nav list--inline {{ nav_alignment }}" id="SiteNav"> {% for link in linklists[section.settings.main_linklist].links %} {%- assign child_list_handle = link.title | handleize -%} <!-- Start of if statement --> {% if link.handle == "home" %} {% assign fontAwesomeIcon = 'fa fa-home' %} {% elsif link.handle == 'contact' %} {% assign fontAwesomeIcon = 'fa fa-phone' %} {% else %} {% assign fontAwesomeIcon = false %} {% endif %} <!-- End if statement --> {% comment %} Check if third-level nav exists on each parent link. {% endcomment %} {%- assign three_level_nav = false -%} {% if link.links != blank %} {% if link.levels == 2 %} {%- assign three_level_nav = true -%} {% endif %} {% endif %} {% if link.links != blank %} <li class="site-nav--has-dropdown{% if three_level_nav %} site-nav--has-centered-dropdown{% endif %}{% if link.active %} site-nav--active{% endif %}"> <button class="site-nav__link site-nav__link--main site-nav__link--button"{% if link.active %} aria-current="page"{% endif %} type="button" aria-haspopup="true" aria-expanded="false" aria-controls="SiteNavLabel-{{ child_list_handle }}"> <!-- here is the output for the forloop, you will want to make an if statement to check for fontAwesomeIcon --> {% if fontAwesomeIcon %}<i class="{{ fontAwesomeIcon }}"></i>{% endif %}{{ link.title }} {% include 'icon-chevron-down' %} </button> Basically something like that.   Oh yeah and of course, link to font awesome inside theme.liquid   ... View more

There shouldn't be a problem with that image, you should be able to put any image you want onto your site. Well, dimension wise anyway, not sure if they have stipulations on content. You say you had invalid html, did they say what was wrong with it?    The way that I would approach this is to upload all your banners to your CDN, which is in Settings > Files -- Then you can upload images there.    Then in your collection-template.liquid file in your sections folder, put something like this at the very top above the {% paginate collection.products by 20 %}   {% if collection.handle == 'phone-cases' %} {% assign img_src="https://cdn.shopify.com/s/files/1/0012/8899/4889/files/Marlborough.png?293"%} {% endif %} <style> .collection-header{ text-align: center; } </style> <div class="collection-header"> <img src="{{ img_src }}"> </div> The above gives me the following:     So you can take that code, and say you had a different collection called "Trendy Handbags", you would upload the picture you want on that collection, and amend the following to the previous code.   {% if collection.handle == 'phone-cases' %} {% assign img_src="https://cdn.shopify.com/s/files/1/0012/8899/4889/files/Marlborough.png?293"%} {% elsif collection.handle == 'trendy-handbags' %} {% assign img_src="https://cdn.shopify.com/s/files/1/0012/8899/4889/files/trendy-handbags.png?293"%} {% endif %} <style> .collection-header{ text-align: center; } </style> <div class="collection-header"> <img src="{{ img_src }}"> </div> And so on and so forth for however many collections you want to have an image for.       ... View more

Hi Anna, that question is a little vague. If you mean for your default slider in minimal, a good start would be 970px wide by 368px high.  The width of your container by default in minimal is 970px wide if you subtract the padding, otherwise it's 1030px wide. If you can post a link to your store and a password if password protected, along with an example of what you might be trying to achieve, it would be easier to give you an answer. ... View more

Oo, now I get to work with gitHub instead of just downloading something from it. Cool, thank you for your help @neckerson, I appreciate it. ... View more

@neckerson how do you handle updates made by another devloper? For me as someone who is working with another person, he's constantly making changes and so am I. So though I can work locally now, if he ever makes an edit to any of these files I'm guessing I'll have to redownload them? This kind of seems like a pain, dont know if there's a way around it though.  ... View more

Thanks @neckerson, just connected my developer store with Theme Kit and it wasn't half as daunting as I thought. Now I can work in Atom :D ... View more

Ah, that was one of the issues I remember encountering when we were looking into slate. We operate on Windows in our office here. I will look into Theme Kit though and keep Slate in mind because I am thinking of investing in a macbook. I really want to become a better developer and I have kind of reached a point where it's like "Well I know HTML CSS and have a general knowledge of liquid, javascript, and jQuery... now what do I learn?" I mean, there's so much to learn it's hard to focus on something. At the moment, I'm starting to follow this map, which seems like a good path. I believe I have basic front end covered(mostly) so I think Im going to start trying to tackle build tools, which you mentioned Webpack. ... View more

Thanks @neckerson, I was definitely interested in developing with Slate and working locally. At the time though, it was a bit above me and my superior was also just working in the editor so I figured, whatever. I'm still very new to web development, most of my knowledge I have gained within this year of working for my current employer. I'll try to start developing a new theme on my partner store with slate.  ... View more

The themes css and scss files are in the assets folder. Online Store > Themes > Actions > Edit Code -- Will bring up theme editor with folders off to the left side. Assets should contain your files. If you post a link to your site and password if it's password protected I can help you find what you need to change. ... View more

Thanks for the link @OscarDiazSerrat, that's an interesting framework. I also checked out your personal site, I really like your design aesthetic and use of animation. Also I looked at your resume, quite impressive. I did want to point out in the last section of your resume, at 2016 La Paz, Bolivia, that you have at the end "The event drew 10,00 patrons", which I can only assume you meant 10,000. Small typo, I just thought you might want to know because I would lol. Again thanks for the link! ... View more

We either work straight in the editor or work in Atom and then paste to the editor, we didn't set up a watch or anything to work in a local environment. Not sure what you mean when you say technoloy.  Our whole theme is done with html, css, jQuery, and liquid. We have a handful of apps installed, and we're running on Shopify plus so we use Shopify Scripts to handle our pricing tiers and launchpad for sales.  ... View more

Yeah that can be done, trying to think of the best way to do it. So you could probably make another collection template and apply it to the collections you want to have this kind of functionality. So you would go into Online Store > Actions > Edit Code. Then go into your Templates folder and add a new template for collections and name it whatever you'd like.    It will copy the code from your collection.liquid and put it into a new file. From there, you can find your product loop that looks something like:   {% for product in collection.products %} {% include 'product-template' %} {% endfor %} So you could make like different linklists for your collections you want to feature and then loop through that instead of products. So make a linklist called roundpans and then do:   {% if collection.handle == "round-pans" %} {% for link in linklists.roundpans.links %} {% if link.handle == "cheesecake-pans" %} {% assign image_path = "path-to-your-cheesecake-image.jpg" %} {% elsif link.handle == "circle-pans" %} {% assign image_path = "path-to-your-circle-pans-image.jpg" %} {% endif %} <div class="collection-item"> <div class="collection-title">{{ link.title }}</div> <img src="{{ image_path }}"> </div> {% endfor %} {% endif %} So on and so on. Then apply that collection template to the collections you want to display like that. I don't really have the energy to type out too much more, but that is an idea. It may not be the best one, but it's what I can think of at the moment.  ... View more

I'm not really sure how you mean. I just mean you would make a new product and make the product title like "Your Product Set", and adjust the price to either be all of the prices combined, or at a discounted price for buying all 4. Then when that get's ordered just ship them all 4.   ... View more

Yeah I agree with you on that point, Shopify does have some pretty wonky stuff going on sometimes. It's a great platform when you're familiar with it, but it can be hard at times and there's a lot of stuff you have to find workarounds for. I'm not complaining though cause I get paid to make that kind of functionality.  Another option could be to make one product and just have it include all 4 and call it the set. ... View more

Yeah Shopify only allows you to go 3 levels deep on their nested navigation. An option is to create another linklist containing your other dropdowns and in your code after the 3rd level switch into another linklist. This isnt very easy so if you're unfamiliar with liquid and html I'd suggest not doing it. So based on what you're saying you would like to have a page that would host those subcollections. This can be done easier but still requires code though. Why not have a filter on your round pans collection? Then you can tag all of your cheesecake pans and have your customers filter by them.  ... View more

Yeah it's possible, it will require editing a bit of your code though. You can add metafields for a product in shopify with the shopifyFD chrome extension. This way you can make unique key value pairs for each product. So a metafield requires three things, a namespace, a key, and a value. You would load shopifyFD and then in namespace type something like "featured_person" then in the key you would say "featured_person_image" then the value would be the path to the image, for instance your shopify CDN if you uploaded the image to your store "https://cdn.shopify.com/s/files/1/0561/0261/files/image-name.jpg". Then you could create another metafield for that person's description. So the namespace would be the same "featured_person" then the key would be "featured_person_description", and the value would be the description itself.   Then in your product.liquid you would need to add another container inside your product wrapper, and adjust the other two product containers to compensate for the new space that would be taking up. Then you can access the metafields in liquid.    {% assign featured_person = product.metafields.featured_person%} <div class="three columns"> <img src="{{ featured_person.featured_person_image }}"> {{ featured_person.featured_person_description }} </div>   It would look something like this:     I just looked up the parallax theme and made some edits on the html side, but this is how the above code would render. I think anyway, Im kind of going off memory here. It's a little in depth, but this is how you could achieve something like what you're looking for. ... View more

You can do that, it just needs to be coded in. To the best of my knowledge Shopify or any theme that they provide doesnt offer that ability out of the box. You'll need to use jQuery and use the Shopify Ajax API.    https://help.shopify.com/en/themes/development/getting-started/using-ajax-api   If you don't know how to do this you'll need to hire an expert. If I get time I can make a small tutorial for you on how to use the api, but honestly I know I'm going to be busy this weekend so it may be a while. Some things I would need to know: Is there more than one variant for any of the products you want to feature? (like colors or sizes). What's your store url, Im sure you would want the colors and stuff to match your store. Also if you could link to the products you want to feature I would need those URLs to access your product information with jQuery. ... View more

There isn't an "easy" way, that I know of anyway. Not that it's particularly hard to code for someone who has the knowledge, but it's definitely not an easy thing if you're not familiar with html css,  javascript, or jquery. I don't have much experience with it, but I think the Buy Button (which you have if you have a basic plan) can sort of accomplish what you want, but it redirects to a different page and you definitely cant add 4 products at once with it. Also it's something that I assume you're going to want to switch out products every now and then. The only way I can think to do it is with jQuery by getting the products from an array and then injecting it into the html. ... View more