ThemeForest
ThemeForest
Web Templates
Web Templates
Themes & Templates
Themes & Templates
Web Themes & Templates
Web Themes & Templates

Foodly — One-Stop Food Shopify Theme

Foodly — One-Stop Food Shopify Theme

The Best Food-Related Shopify Theme Most Wanted Contest Winner Featured Item on Themeforest for Exeptional Quality

Tech Side of Foodly Theme

  • HTML 5
  • CSS 3
  • Sass
  • 1-Click Shopify Theme Installer
  • Drag&Drop Visual Constructor
  • Responsive & Retina Ready
  • Mobile First
  • High Score of Google Developer Tests: 100% — Mobile UX, 95% — Speed for Desktop & Mobile, Awesome — for Being Mobile friendly
  • Well-documented Guidance
  • Ajax Instant Loading Blog

UI/UX Side of Foodly Theme

  • Authentic Design Acknowledged on Dribbble
  • Run Through User Testing
  • Imagery Included (basic pack)
  • All Illustrations Included
  • Unlimited Color Options
  • Mobile First Design Approach
  • Unlimited Google Fonts

Marketing Side of Foodly Theme

  • SEO Friendly
  • Marketing Recommendations in Documentation
  • 87 Components of Visual Constructor
  • Landing Page
  • Social Media Integration: Share Buttons, Instagram Feed, Facebook Chat
  • Stylised Default Emails
  • Unique Gift Card
  • Notification Button with Promo/Discount Message
  • Mailchimp Integration
  • Google Analytics
  • Hotjar

Special Features

  • Recipe Articles
  • Nutrition Value Section
  • SEO-optimized Reviews
  • Wishlist
  • Megamenu (3 options)
  • Google Maps
  • Blog Ready
  • Stylised Checkout
  • Special Mobile Sticky Header

UPDATE HISTORY :

Transfer theme settings and localization files from old theme with our new Shopify App – Theme Manager
Version 1.8.1 – Update: August 9, 2017
Added: plain html section
sections/plain-html.liquid
--------------------------------------------------------------------------------------
Improved: wishlist ajax error handling
Affected files:
assets/_js-module.utils.js
assets/_js-module.wishlist.js.liquid
--------------------------------------------------------------------------------------
Fixed: price and qty order bug
assets/_js-module.ajaxCart.js.liquid
assets/css.style.scss.liquid
templates/cart.liquid
--------------------------------------------------------------------------------------
Fixed: currency price conversion bug
assets/_js-module.lookbookPicker.js.liquid
assets/_js-module.quantityBox.js.liquid
snippets/scripts.liquid

Version 1.8 – Update: July 22, 2017
Added: Section settings in product boxed template
Affected files:
assets/css.style.scss.liquid
config/settings_schema.json
sections/product-boxed.liquid
snippets/similar-product-carousel-collection.liquid
snippets/similar-product-carousel-tag.liquid
snippets/social-sharing.liquid
templates/product.boxed.liquid
templates/product.liquid
--------------------------------------------------------------------------------------
Added: adjusting text positioning option in Offers section
Affected files:
assets/css.style.scss.liquid
sections/offers-section.liquid
--------------------------------------------------------------------------------------
Added: show/hide product unit setting in Offers-product section
Affected files:
sections/offers-product.liquid
--------------------------------------------------------------------------------------
Improved: dropdowns initialization
Affected files:
snippets/scripts.liquid
--------------------------------------------------------------------------------------
Updated: Swiper slider 
Affected files:
assets/css.swiper.min.css
assets/js-third-party.swiper.min.js
--------------------------------------------------------------------------------------
Fixed: currency picker positioning bug
Affected files:
assets/css.style.scss.liquid
sections/header.liquid
--------------------------------------------------------------------------------------
Fixed: currency conversion bug
Affected files:
assets/_js-module.ajaxCart.js.liquid
assets/_js-module.currencyInit.js.liquid
assets/_js-module.dropdowns.js
snippets/scripts.liquid
--------------------------------------------------------------------------------------
Version 1.7.10 – Update: July 2, 2017
Added: all pages search option to header ajax search 
Affected files:
assets/_js-module.ajaxSearch.js.liquid
sections/header.liquid
snippets/_header[search-compact].liquid
templates/search.json.liquid
templates/search.liquid
--------------------------------------------------------------------------------------
Added: add to cart localization button
Affected files:
snippets/scripts.liquid
--------------------------------------------------------------------------------------
Updated: Font Awesome to 4.7.0
Affected files:
assets/css.style.scss.liquid
sections/footer.liquid
snippets/scripts.liquid
snippets/social-sharing.liquid
--------------------------------------------------------------------------------------
Updated: Normalize css to 7.0
Affected files:
assets/css.style.scss.liquid
--------------------------------------------------------------------------------------
Improved: product template markup
Affected files:
templates/product.boxed.liquid
templates/product.liquid
--------------------------------------------------------------------------------------
Fixed: product count on collection page
Affected files:
templates/collection.liquid
templates/collection.list.liquid
--------------------------------------------------------------------------------------
Fixed: collection sorting dropdown overlay issue
Affected files:
assets/css.style.scss.liquid
--------------------------------------------------------------------------------------
Fixed: product builder money format issue
Affected files:
assets/_js-module.productBuilderProductPicker.js.liquid
--------------------------------------------------------------------------------------
Fixed: JavaScript localization bug  
Affected files:
assets/_js-module.ajaxCart.js.liquid
assets/_js-module.reviewsModal.js.liquid
assets/_js-module.wishlist.js.liquid
--------------------------------------------------------------------------------------
Fixed: similar price bug for for similar products in product template  
Affected files:
snippets/scripts.liquid
Version 1.7.9 – Update: June 5, 2017
Added: shopping cart button behavior option 
Affected files:
config/settings_schema.json
sections/header.liquid
snippets/scripts.liquid
--------------------------------------------------------------------------------------
Added: text positioning for homepage slider on mobile 
Affected files:
sections/slideshow.liquid
--------------------------------------------------------------------------------------
Improved: Shopify service scripts loading 
Affected files:
layout/theme.liquid
--------------------------------------------------------------------------------------
Improved: collection sorting settings in Theme Editor
Affected files:
assets/_js-module.collectionSorting.js
assets/_js-module.dropdowns.js
assets/css.style.scss.liquid
config/settings_schema.json
locales/en.default.json
snippets/collection-toolbar.liquid
templates/collection.liquid
--------------------------------------------------------------------------------------
Improved: Lookbook settings in Theme Editor (using section Lookbook)
Affected files:
assets/_js-module.lookbookPicker.js.liquid
locales/en.default.json
sections/lookbook-page.liquid
templates/page.lookbook.liquid
--------------------------------------------------------------------------------------
Improved: MegaMenu settings in Theme Editor
Affected files:
sections/header.liquid
--------------------------------------------------------------------------------------
Fixed: mobile sticky menu
Affected files:
assets/_js-module.header.js
assets/css.style.scss.liquid
sections/header.liquid
--------------------------------------------------------------------------------------
Fixed: contact page open map popup bug on contact page
Affected files:
snippets/scripts.liquid
--------------------------------------------------------------------------------------
Fixed: out of stock bug on product page
Affected files:
templates/product.liquid
--------------------------------------------------------------------------------------
Fixed: logo blurriness bug
Affected files:
snippets/logo.liquid
--------------------------------------------------------------------------------------
Fixed: wrong weight displaying on product boxed view
Affected files:
templates/product.boxed.liquid
--------------------------------------------------------------------------------------
Fixed: shipping calculator province bug
Affected files:
assets/css.style.scss.liquid
assets/js-third-party.jquery.cart.min.js
snippets/_js[require-config].liquid
snippets/scripts.liquid
templates/cart.liquid
--------------------------------------------------------------------------------------
Fixed: dropdown issue on product page
Affected files:
assets/_js-module.dropdowns.js
assets/css.style.scss.liquid
--------------------------------------------------------------------------------------
Version 1.7.8 – Update: May 6, 2017
Improved:  settings on product builder section
Affected files:
assets/_js-module.productBuilderProductPicker.js.liquid
assets/css.style.scss.liquid
sections/product-builder.liquid
snippets/find-product.liquid
snippets/scripts.liquid
--------------------------------------------------------------------------------------
Fixed: overlapping text on header on product builder page
Affected files:
assets/css.style.scss.liquid
--------------------------------------------------------------------------------------
Fixed: not showing hero image on landing page bug
Affected files:
templates/page.landing-page.liquid
--------------------------------------------------------------------------------------
Fixed: not disabling hero image block on contact page bug
Affected files:
snippets/scripts.liquid
templates/page.contact.liquid
--------------------------------------------------------------------------------------
Fixed: selling product variant with zero quantity bug
Affected files:
templates/product.liquid
assets/_js-module.productVariantsConverter.js
assets/css.style.scss.liquid
locales/en.default.json
snippets/scripts.liquid
templates/product.boxed.liquid

Version 1.7.7 – Update: April 30, 2017
Added: background fill mode option for popup
Affected files:
assets/css.style.scss.liquid
config/settings_schema.json
snippets/popup-discount-image.liquid
--------------------------------------------------------------------------------------
Added: info about recommended size of custom images
Affected files:
config/settings_schema.json
sections/slideshow.liquid
--------------------------------------------------------------------------------------
Added: heading positioning option for homepage slider
Affected files:
assets/css.style.scss.liquid
sections/slideshow.liquid
--------------------------------------------------------------------------------------
Added: price badge background color change option
Affected files:
sections/slideshow.liquid
--------------------------------------------------------------------------------------
Improved:  loading site perfomance
Affected files:
layout/theme.liquid
snippets/google-fonts-ajax.liquid
snippets/meta-tags.liquid
--------------------------------------------------------------------------------------
Improved:  visual homepage slider loading perfomance
Affected files:
sections/slideshow.liquid
snippets/scripts.liquid
Version 1.7.6 – Update: April 24, 2017
Added: option to change background image on the 404 page
Affected files:
config/settings_schema.json
templates/404.liquid
--------------------------------------------------------------------------------------
Improved:  settings on the offers section
Affected files:
sections/offers-section.liquid
--------------------------------------------------------------------------------------
Fixed:  payment icon positioning on the footer
Affected files:
assets/css.style.scss.liquid
Version 1.7.5 – Update: April 19, 2017
Fixed: slider on product page with product-boxed template
Affected files:
assets/_js-module.productVariantsConverter.js
snippets/scripts.liquid
templates/product.boxed.liquid
Version 1.7.4 – Update: April 14, 2017
Added: product options dropdown
Affected files:
assets/_js-module.dropdowns.js
snippets/_js[require-config].liquid
snippets/scripts.liquid
templates/product.boxed.liquid
templates/product.liquid
assets/css.style.scss.liquid
Version 1.7.3 – Update: April 12, 2017
Improved: instagram setting in customize theme pannel
Affected files:
assets/_js-module.instagramFeed.js.liquid
config/settings_schema.json
--------------------------------------------------------------------------------------
Improved:  lookbook page linking to recipe post 
Affected files:
templates/page.lookbook.liquid
config/settings_schema.json
--------------------------------------------------------------------------------------
Fixed: weight label option displaying product page
Affected files:
config/settings_schema.json
templates/product.liquid
--------------------------------------------------------------------------------------
Fixed:  loading products to lookbook page
Affected files:
templates/page.lookbook.liquid
--------------------------------------------------------------------------------------
Fixed: social sharing heading duplication on product page
Affected files:
templates/product.boxed.liquid
Version 1.7.2 – Update: April 5, 2017
Added: options for homepage slider price badge positioning
Affected files:
assets/css.style.scss.liquid
sections/header.liquid
sections/slideshow.liquid
--------------------------------------------------------------------------------------
Added: options to modify header background
Affected files:
sections/header.liquid
--------------------------------------------------------------------------------------
Improved:  checking collection names from theme customize megamenu option field
Affected files:
sections/header.liquid
--------------------------------------------------------------------------------------
Fixed:  slider section settings work 
Affected files:
assets/css.flexslider.css
assets/css.style.scss.liquid
assets/js-third-party.flexslider.min.js
sections/header.liquid
sections/slideshow.liquid
snippets/scripts.liquid
--------------------------------------------------------------------------------------
Fixed: currency format display bugs
Affected files:
assets/_js-module.ajaxCart.js.liquid
assets/_js-module.currencyInit.js.liquid
assets/js-third-party.jquery.currencies.js
Version 1.7.1 – Update: April 1, 2017
Fixed: SASS rendering bug which occur when replace settings_data.js
Affected files:
assets/css.style.scss.liquid
--------------------------------------------------------------------------------------
Fixed: JS errors in theme editor mode
Affected files:
snippets/_js[require-config].liquid
--------------------------------------------------------------------------------------
Added: option to disable price circles on slide
Affected files:
sections/slideshow.liquid
Version 1.7 – Update: March 30, 2017
Added: Custom CSS option into customize theme panel
Added: require.js loading to all JS files 
---------------------------------------------------------------------------------------
Improved: view of mobile navigation and cart
Improved: CSS files structure
---------------------------------------------------------------------------------------
Fixed: Mega menu
Fixed: Social share buttons display 
---------------------------------------------------------------------------------------
Added files:
- assets/_js-module.ajaxCart.js.liquid
- assets/_js-module.ajaxSearch.js.liquid
- assets/_js-module.blogSorting.js.liquid
- assets/_js-module.collectionSorting.js
- assets/_js-module.currencyInit.js.liquid
- assets/_js-module.customerForms.js
- assets/_js-module.drawers.js
- assets/_js-module.dropdowns.js
- assets/_js-module.formValidation.js.liquid
- assets/_js-module.googleMaps.js
- assets/_js-module.gruit-popup.js
- assets/_js-module.header.js
- assets/_js-module.headerSearchBox.js.liquid
- assets/_js-module.helpers.js
- assets/_js-module.instagramFeed.js.liquid
- assets/_js-module.lookbookPicker.js.liquid
- assets/_js-module.parallax.js
- assets/_js-module.pjax.js
- assets/_js-module.popupDiscount.js
- assets/_js-module.productBuilderProductPicker.js.liquid
- assets/_js-module.productBuilderTab.js
- assets/_js-module.productVariantsConverter.js
- assets/_js-module.quantityBox.js.liquid
- assets/_js-module.reviewsModal.js.liquid
- assets/_js-module.scrollbar.min.js
- assets/_js-module.specialPackaging.js.liquid
- assets/_js-module.speechRecognizer.js
- assets/_js-module.utils.js
- assets/_js-module.wishlist.js
- assets/css.flexslider.css
- assets/css.flipclock.css
- assets/css.gruit-popup.css
- assets/css.style.scss.liquid
- assets/css.swiper.min.css
- assets/js-third-party.fetch.js
- assets/js-third-party.flexslider.min.js
- assets/js-third-party.flipclock.js
- assets/js-third-party.instafeed.js
- assets/js-third-party.jquery.cart.min.js
- assets/js-third-party.jquery.currencies.js
- assets/js-third-party.modernizr.min.js
- assets/js-third-party.recorder.js
- assets/js-third-party.require.js
- assets/js-third-party.require.min.js
- assets/js-third-party.snap.svg-min.js
- assets/js-third-party.swiper.min.js
- snippets/_header[search-compact].liquid
- snippets/_header[search-expanded].liquid
- snippets/_js[require-config].liquid
- snippets/additional-mobile-menu.liquid
- snippets/google-fonts-ajax.liquid
- snippets/stylesheets.liquid

Affected files:
- assets/img_svg_confetti.svg
- assets/img_svg_gift-card.svg
- config/settings_data.json
- config/settings_schema.json
- layout/theme.liquid
- locales/en.default.json
- sections/featured-carousel.liquid
- sections/header.liquid
- sections/offers-product-03.liquid
- sections/product-builder.liquid
- sections/slideshow.liquid
- snippets/adding-wooden-box.liquid
- snippets/currencies.liquid
- snippets/currency-picker.liquid
- snippets/meta-tags.liquid
- snippets/popup-discount-image.liquid
- snippets/scripts.liquid
- snippets/shipping-calculator.liquid
- snippets/social-links.liquid
- snippets/social-sharing.liquid
- templates/404.liquid
- templates/blog.liquid
- templates/cart.liquid
- templates/gift_card.liquid
- templates/index.liquid
- templates/page.contact.liquid
- templates/page.landing-page.liquid
- templates/page.lookbook.liquid
- templates/page.wish-list.liquid
- templates/password.liquid
- templates/product.boxed.liquid
- templates/product.liquid
- templates/search.liquid

Deleted files:
- assets/cart.js
- assets/fetch.js
- assets/flexslider.css
- assets/flipclock.css
- assets/flipclock.js
- assets/foodly.js.liquid
- assets/foodly.min.js.liquid
- assets/gruit-popup.css
- assets/gruit-popup.js
- assets/instafeed.js
- assets/jquery.cart.min.js
- assets/jquery.currencies.js
- assets/jquery.flexslider.min.js
- assets/modernizr.min.js
- assets/pjax.js
- assets/scrollbar.min.js
- assets/snap.svg-min.js
- assets/style.scss.liquid
- assets/swiper.min.css
- assets/swiper.min.js
- assets/timber.scss.liquid
- snippets/fixed-bar.liquid
- snippets/styleheets.liquid
Version 1.6 – Update: February 28, 2017
Added: Option to disable fixed header
---------------------------------------------------------------------------------------
Improved: pages loading
Improved: Header layout. Changed layout for buttons: "open mobile navigation" and "open cart" 
Improved: opening of mobile navigation and cart
Improved: currency. If currency isn't defined, the theme uses a currency of the store 
Improved: Blog sorting
Improved: Add to cart functional. Added supporting of custom options
Improved: Product boxed view. Click on the variant - changing image in the slider
Improved: collapsing items for mobile menu
---------------------------------------------------------------------------------------
Fixed: Popup view
Fixed: the link with a product and a recipe
Fixed: bug IE11: closing popup
Fixed: bug IE11: form validation
Fixed: CSS bugs in IE11
Fixed: About Us slider
Fixed: Css styles for pages
Fixed: an issue with deleting an address
Fixed: script loading on the cart page
Fixed: link for button in "Hero About Us" section
Fixed: logo issue for pages without layout
---------------------------------------------------------------------------------------
Added files:
- templates/blog.json.liquid
- snippets/favicon.liquid
- snippets/fallback-msg.liquid
- snippets/logo.liquid 

Affected files:
- assets/*
- config/*
- sections/*
- snippets/*
- templates/*

Deleted files:
- assets/img_homepage_slide_2.png
- assets/img_thumb_homepage_slide_1.png
- assets/img_thumb_homepage_slide_2.png
- assets/img_thumb_homepage_slide_3.png 
- snippets/similar-product-carousel.liquid 
- snippets/oldIE-js.liquid
- layout/without-navigation.liquid 
Version 1.5 – Update: January 29, 2017
Added: homepage popup
Added: disable the product weight units on pages option
---------------------------------------------------------------------------------------
Improved: price changing during choosing of variant in product template
---------------------------------------------------------------------------------------
Fixed: Ajax Search with non secure a shop URL
---------------------------------------------------------------------------------------
Added files:
- assets/img_popup-link-container-bg.png
- snippets/popup-discount-image.liquid

Affected files:
- assets/style.scss.liquid
- assets/foodly.js.liquid
- assets/foodly.min.js.liquid
- config/settings_schema.json
- layout/theme.liquid
- sections/offers-pack.liquid
- sections/offers-product.liquid
- sections/offers-product-02.liquid
- sections/offers-product-03.liquid
- snippets/product-item-grid.liquid
- snippets/scripts.liquid

- templates/collection.liquid
- templates/collection.list.liquid
- templates/product.liquid
- templates/product.boxed.liquid

Version 1.4 – Update: November 2, 2016
Added: New Shopify feature "Sections" into the theme customization  
---------------------------------------------------------------------------------------
Improved: identification of menu item for megamenu
---------------------------------------------------------------------------------------
Fixed: bug when one of multiple variants doesn't add to cart
---------------------------------------------------------------------------------------
Added files:
- sections/feature-collections.liquid
- sections/feature-caroudel.liquid
- sections/feedbacks.liquid
- sections/footer.liquid
- sections/header.liquid
- sections/hero-about-us.liquid
- sections/hero-image.liquid
- sections/information.liquid
- sections/offers-pack.liquid
- sections/offers-product.liquid
- sections/offers-product-02.liquid
- sections/offers-product-03.liquid
- sections/offers-products.liquid
- sections/offers-season.liquid
- sections/our_team.liquid
- sections/product-builder.liquid
- sections/recipe-block-01.liquid
- sections/recipe-block-02.liquid
- sections/recipes.liquid
- sections/recipes-by-author.liquid
- sections/slider-about-us.liquid
- sections/slideshow.liquid
- sections/subscribe-form.liquid

Deleted files:
- snippets/featured-carousel.liquid
- snippets/feedback-section.liquid
- snippets/footer.liquid
- snippets/hero-image.liquid
- snippets/homepage-recipes.liquid
- snippets/homepage-slideshow.liquid
- snippets/product-builder.liquid
- snippets/special-offer.liquid
- snippets/special-offer-product.liquid

Affected files:
- assets/style.scss.liquid
- assets/foodly.js.liquid
- assets/foodly.min.js.liquid

- config/settings_schema.json
- layout/theme.liquid
- locales/en.default.json

- snippets/scripts.liquid

- templates/index.liquid
Version 1.3 – Update: October 11, 2016
Added: New snippet with "Product builder" for Homepage
Added: New snippet "Customer Feedback" for Homepage
Added: New template for pages: "Lookbook" 

---------------------------------------------------------------------------------------
Improved: Determination of article with a recipe
---------------------------------------------------------------------------------------
Fixed: 
---------------------------------------------------------------------------------------
Added files:
- snippets/product-builder.liquid
- snippets/feedback-section.liquid
- templates/page.lookbook.liquid

Affected files:
- assets/style.scss.liquid

- config/settings_schema.json
- layout/theme.liquid
- locales/en.default.json

- templates/article.liquid
- templates/blog.liquid
Version 1.2 – Update: August 27, 2016
Added: Ajax page transition for Blog pages
Added: New template with boxed layout
Added: Options into product template
---------------------------------------------------------------------------------------
Improved: Logo view on mobile devices - displaying the logo on the page
Improved: Changing of product quantity
---------------------------------------------------------------------------------------
Fixed: Product photo view on 'Collection' page
Fixed: Bug with secondary menu of main navigation
Fixed: The view for arrow in 'Similar products' carousel
Fixed: Switching from list view to grid view on 'Collection' page
Fixed: Overlay showing, during switching from mobile to desktop
---------------------------------------------------------------------------------------
Added files:
- assets/fetch.js
- assets/pjax.js
- templates/product.boxed.liquid

Affected files:
- assets/foodly.js.liquid
- assets/foodly.min.js.liquid
- assets/style.scss.liquid

- config/settings_schema.json
- layout/theme.liquid

- snippets/collection-toolbar.liquid
- snippets/scripts.liquid
- snippets/special-offer-product.liquid
- snippets/stylesheets.liquid

- templates/article.liquid
- templates/blog.liquid
- templates/product.liquid
Version 1.1 – Update: May 20, 2016
Added: Currency picker to mobile version
Added: Ajax search
Added: Blog sorting
---------------------------------------------------------------------------------------
Improved: Homepage slideshow
Improved: Homepage carousel with featured products
Improved: Header view
---------------------------------------------------------------------------------------
Fixed: Bug with default currency
---------------------------------------------------------------------------------------
Added files:
- templates/search.json.liquid

Affected files:
- assets/style.scss.liquid
- assets/foodly.js.liquid
- assets/foodly.min.js.liquid
- assets/foodly.min.js.liquid
- assets/img_homepage_slide_2.jpg
- assets/img_homepage_slide_3.jpg
- assets/img_thumb_homepage_slide_2.jpg
- config/settings_schema.json
- layout/theme.liquid
- locales/en.default.json
- snippets/scripts.liquid
- snippets/currency-picker.liquid
- snippets/homepage-slideshow.liquid
- templates/blog.liquid
- templates/search.liquid
- templates/cart.liquid
by
by
by
by
by
by