When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Development
SkillShare logo

Shopify Theme Development with Vue.js: Optimise Product & Cart Pages

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
Shopify Theme Development with Vue.js: Optimise Product & Cart Pages

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon2 hours 22 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Shopify Theme Development with Vue.js: Optimise Product & Cart Pages

Introduction

Required Knowledge

Why use Vue

How to Use Vue on Shopify Themes

Setting Up Our Project

Using Vue on the Product Page

Using Vue on the Cart Page

Cart Upsells and Animations

Bonus: Storing Cart Data with VueX

Bonus: Adapting to JSON Templates

Conclusion & Class Project

What You Will Learn?

  • In today’s class, we’re gonna learn how to integrate the Javascript framework Vue.js into the product and cart pages of a Shopify theme..
  • This class is ideal for those of you who have taken some of my other classes on Shopify Theme Development here on Skillshare.com and are ready to take their theme development skills to the next level..
  • With Vue.js, we’re able to bring Shopify data structures onto the front-end and allow for the user to live update elements without reloading the browser..
  • Using Vue.js over other Javascript libraries like jQuery, we can create a more optimal experience for both us as developers as well the end users of our eCommerce store..
  • Links Mentioned.
  • --------------------.
  • Shopify Theme Programming (Click on lesson 8 for my tutorial on the cart AJAX API).