Natural - Responsive Shopify Theme
Themeforest Natural - Responsive Shopify Theme eCommerce Theme
Natural is a clean and modern responsive Shopify theme; meaning it will work great on computers, tablets, and mobile devices. This theme is easy to customize, ready to use, and perfect for any type of store. It comes loaded with features to make your site stand out from the rest and to allow you to start selling online!
Features
- Fully responsive, so it looks great on a desktop, tablet or mobile device.
- Upload your existing logo, or create your own with an array of different font settings.
- Upload a custom background or use a color of your choice.
- Make use of 50 of the most popular Google Webfonts around.
- Create drop down menus two deep for better organization of your site.
- Upload images on the home page to create a rotating banner.
- Add up to 3 different content sections on the home page.
- Showcase your collections and/or products right on the home page.
- Fully customizable fonts throughout the site.
- Change buttons, and link colors to match your color scheme.
- On the collection pages choose to display 2, 3, or 4 products per row, and how many products per page.
- Display related products on your product pages to increase sales.
- Integration with social media allows your customers to Share, Tweet, Pin, and Like your products.
- Display payment options so you customers know what to expect.
- Fully integrated with social media throughout the site.
Other Shopify Themes
Theme created by a Shopify Expert.
Updates
-- 1 Oct. 2014
Updating theme to use variant images
Update the product.liquid and cart.liquid files through your admin panel
End Result- http://docs.shopify.com/manual/your-store/products/variant-images
Hi Sdjentertainment,
ReplyDeleteI recently purchased your theme and it looks great. I’m trying to do some customizations and having an issue.
I wanted to take out the “Previous” and “Next” links on collections page and just display the page numbers “1, 2, 3”
Could you please tell me how and where I can make this change?
Thanks!
Hey mulamode,
ReplyDeleteThanks for purchasing the theme. Natural uses the defualt pagination from Shopify, so making that change will require a little bit of work. Your best bet is to create a new snippet, something called “custom-pagination.liquid” and copy and paste the following code. ( A bit messy here, but copy and paste it the new file)
{% if paginate.pages > 1 %}
<div id="paginate">
<a href="{{ paginate.previous.url }}" class="button previous{% unless paginate.previous %} disabled{% endunless %}"><i class="fa fa-long-arrow-left" /> Previous</a>
<a href="{{ paginate.next.url }}" class="button next{% unless paginate.next %} disabled{% endunless %}">Next <i class="fa fa-long-arrow-right" /></a>
{% for part in paginate.parts %}
{% if part.is_link %}
<a href="{{ part.url }}" class="button {% if paginate.current_page == part.title %}active{% endif %}">{{ part.title }}</a>
{% else %}
{% if part.title == '…' %}
<a href="{{ part.url }}" onclick="return false;" class="disabled">{{ part.title }}</a>
{% else %}
<a href="{{ part.url }}" class="button {% if paginate.current_page == part.title %}active{% endif %}">{{ part.title }}</a>
{% endif %}
{% endif %}
{% endfor %}
</div>
{% endif %}
From there you should be able to edit and remove the bits you want. Secondly, you’ll have to replace all the
{% if paginate.pages > 1 %}
<div id="pagination" class="sixteen columns">
{{ paginate | default_pagination }}
</div>
{% endif %}
With
{{ include 'custom-pagination' }}
Hope that helps.
Thanks for getting back to me!
ReplyDeleteI added the code above but now the page numbers don’t display either. It just took out the pagination on collections page. Do I need to add anything to the code?
Thanks for your help
Hi Sdjentertainment,
ReplyDeleteloving the theme, bought it and it looks/functions great.
I am trying to get variant images to work on my product page. But Doesn’t want to work. will you release a new version or instructions on how to use this new feature.
Hope you are well,
Mike
I downloaded the new files from the front page and updated product.liquid and cart.liquid to get them to work. Thanks for the updates!
ReplyDeleteHello, I haven’t purchased yet. Actually I’m pretty new to Shopify. I have a customer’s shop to update. I’m wondering a few things before I purchase.
ReplyDelete1) My main concern is homepage customization. I’m not a huge fan of sliders, actually just want a single image with some capabilities to add script that will allow a “before and after” slide based on the hover. I’m curious if I’ll be able to do anything more than just adding images to the homepage without having to dig into the customization?
2) Is there a way that I can customize Shopify with a new theme without affecting the current site (until I’m ready to go live with the new site)?
Thanks! Nice work on these themes!
Also, do you have any screenshots of the backend customization? I’m used to Wordpress and I’m noticing some limitations in Shopify (at least the customer’s current theme), so wondering what the homepage customization capabilities might look like on the backend of your theme. Thanks!
ReplyDeleteHey glowingdoor,
ReplyDeleteGlad you like the themes, always nice to hear. Hope the following helps out a bit.
1. You could just upload one image to the slider, this will just display the image as a static image and cancel the rotating images part of the carousel.
2. You have the ability to do a Theme Preview, that way you can build up a theme without changing the live site. Get the theme you want, the way you want in the Theme Preview, then you can Publish the theme when its ready to go live.
3. Theres an overview of all the theme feature here, http://natural-144.myshopify.com/pages/features
All the best with the theme.
Hi,
ReplyDeleteI’m having an issue with the theme. My logo shows cut off on the checkout pages. I’m using a custom logo image. Would you know how that can be fixed?
Thanks
Hey mulamode,
ReplyDeleteI’ve reached out to you in response to your email. Once I hear back, I can help you out.
Thanks for the theme. I am trying to change the size of the navigation text, trying to make it bigger.
ReplyDeleteI am also curious if this theme has a built in mailchimp pop-up.
I’m sure I’ll have a few more questions as well. Thanks
Hey camardojoe,
ReplyDeleteThanks for purchasing the theme. As of right now that’s not a theme setting, it’s on the list for the next update. So in the time being you’ll have to add “font-size: XXpx” to the ”.nav a {}” element in the style.css.liquid file found in the assets folder. Should be around line 374.
Hope that helps.
That helped. It worked fine. Now how do I move the very top bar that includes the social media / tag line / etc – under the logo and navigation?
ReplyDeletehello, could you please help me with adding in a quantity drop down option? I couldn’t see how to add this in and from what i’ve researched i need to put some code in the product.liquid?? Any help you could give would be great! thanks
ReplyDeletejust wanted to check in and see if you saw this message? thanks
ReplyDeleteHey theautumnrabbit,
ReplyDeleteSorry I didn’t get back to you first time around. Shopify has a great little tutorial on how to add a quantity field to the product page
http://docs.shopify.com/manual/configuration/store-customization/page-specific/product-page/how-to-add-quantity-box-to-add-multiple-items-to-cart
It’s fairly straight forward to implement.
Hope it helps.
Cheers,
Simon
thanks for getting back to me Simon… i actually did see that tutorial but i couldn’t find this part in the product.liquid for the life of me:
ReplyDelete"add to cart form." Between the <form> and </form> tags, add this code to add a text box:
even using the search option and looking for it manually
Sorry, I replaced the ‘add to cart form’ for the theme settings. You can drop the following code
ReplyDelete<label for="quantity">Qty: </label>
<input min="1" type="number" id="quantity" name="quantity" value="1" />
Just above the following, it should be around line 95 of the product.liquid
<div id="product-add" class="add-bottom">
<input type="submit" name="add" id="add" value="{{ settings.add_to_cart_text }}">
</div>
Hope that helps.
Hello,
ReplyDeleteJust purchased this theme. It was love at 1st site lol, get it? Site? Ha ha… anyway. I am having a slight issue with the size of the slideshow on my homepage. The images are HUGE on the PC (takes up almost half the page) but it looks great on mobile and tablets as is. When I scale back the images it looks great on the pc but askew on mobile devices. Please help me to get the same visual on all devices. Everything else is perfect!
Thank you,
S. White
Hey sasseymosey,
ReplyDeleteThanks for purchasing the theme. The images in the carousel scale down so it always fits 100% of the browser. Since the aspect ratios of each device are slightly different it’s going to have a slight different affect. You could change the CSS slightly for mobile, but you’d be cropping the images in the carousel through CSS.
Thank you for replying. Does that mean that if I add more text and other objects to the homepage that it will shorten the height of the carousel/slideshow on page? Because right now its taking up almost the entire screen and I have to scroll down to see the entire slideshow. Is this something that you can assist me with? Even if at cost?
ReplyDeleteIf you add more text and other objects it won’t affect the carousel. If your looking to make your carousel shorter in height you’ll have to crop the images to the height you want and then upload them through the theme settings.
ReplyDeleteI tried that initially and the view on the other devices went screwy. I’ll enlist the aid of a developer. Thank you.
ReplyDeleteDo you have a link to your site, that I can take a look at?
ReplyDeleteThank you so much! The store isn’t published yet but I can email you the storefront and log-in.
ReplyDeletePerfect, just use the email at the top of the theme settings page in your admin panel.
ReplyDeleteHi. I have purchased the item yesterday, but it gives me an error when I try to upload the theme.
ReplyDeleteIt says “There was 1 error: zip does not contain a valid theme: missing template “layout/theme.liquid”, missing template “templates/index.liquid”, missing template “templates/collection.liquid”, missing template “templates/product.liquid”, missing template “templates/page.liquid”, missing template “templates/cart.liquid”, and missing template “templates/blog.liquid”“
Please let me know what I need to do ASAP.
Thanks in advance!
Hey isaac37,
ReplyDeleteThanks for purchasing the theme. That error usually occurs when your uploading the wrong zip. Hopefully the following helps you out.
Once you’ve downloaded the .zip file for ThemeForest, unzip it. In that folder you should see a natural.zip and a Help folder. The natural.zip file is the one you want to upload to your Shopify admin panel while uploading a theme in your admin panel.
Hope that helps.
Hi,
ReplyDeleteIs there a way to change the speed between each slideshow image? The current speed for me is too fast and I would like to slow it down a bit. I noticed there isn’t an option to change the speed under “Customize Theme”
Thanks!
Hey mulamode,
ReplyDeleteCurrently there isn’t an option in the Theme Settings. The only way to tackle it is through code. Hope the following helps you out.
From your admin panel go “Themes”, in the top right corner you should see a ”...” icon, click that and select Edit HTML & CSS. On the left hand side open the “Assets” folder and find the “script.js” file. On line 108 you should see “speed: 500,” the is the speed of the carousel in milliseconds. Just change it and save the file and you’ll be all set.
If I purchase this theme, can I use it on more than one site?
ReplyDeleteHey heidesings,
ReplyDeleteNo, ThemeForest limits one purchase to one use.
http://themeforest.net/licenses/faq#multi-a
Thanks for checking out the theme.
Hello,
ReplyDeleteI like this theme and want to purchase, but i have a question. Is there a tax and shipping calculator for the cart?
Hey gwpreston11,
ReplyDeleteAll those extras get calculated once you start the checkout process.
Just purchased. Looks great in the demo. But Shopify is rejecting the file with the following error. Can anyone help???
ReplyDeletezip does not contain a valid theme: missing template “layout/theme.liquid”, missing template “templates/index.liquid”, missing template “templates/collection.liquid”, missing template “templates/product.liquid”, missing template “templates/page.liquid”, missing template “templates/cart.liquid”, and missing template “templates/blog.liquid”
Thanks for purchasing the theme. That error usually occurs when your uploading the wrong zip. Hopefully the following helps you out.
ReplyDeleteOnce you’ve downloaded the .zip file for ThemeForest, unzip it. In that folder you should see a natural.zip and a Help folder. The natural.zip file is the one you want to upload to your Shopify admin panel while uploading a theme in your admin panel.
Hope that helps,
Simon