I develop for WordPress. I've developed for WooThemes Canvas, WooThemes Storefront, MakeSite ( coming soon on http://makesite.me ), WooCommerce, Pootle Page Builder and lot more. Though most of my project are private on GitHub, Some of my public projects include... Pootle Pagebuilder, A lovely pagebuilder ( https://wordpress.org/plugins/pootle-page-builder/ ), Pootle Button - addon for tinyMce on WordPress ( https://wordpress.org/plugins/pootle-button/ ), 18-tags WordPress theme ( https://themes.trac.wordpress.org/ticket/29387 ).

I also contribute to free and open source projects ( e.g. Ultimate member, Freemius... and WordPress itself ;) ) and participate in

I regularly get appreciation for my code quality from other devs if they happen to review any of my projects and brilliant implementation and designs from my clients :)

Team Members

Launch Site

WCDivines

Fully responsive, snappy experience for WooCommerce based eCommerce websites! Doesn't require any extra custom plugin or a particular theme on site... Works with any default WooCommerce setup, uses woocommerce-api.

V800 team 61ed8e85c52b91cbd3f3b6e9607a041e 1463359376

Description

WC Divines

Intro

Fully responsive, snappy experience for WooCommerce based eCommerce websites! Doesn't require any extra custom plugin or a particular theme on site... Works with any default WooCommerce setup, uses woocommerce-api.

Features

  • Shows beautiful shop page with products from your default WooCommerce shop.
  • Beautiful product detail pages.
  • Beautiful category and tags page.
  • Clicking on any tag in product on detail page or shop opens respective tag page.
  • Clicking on any category from product in shop or in breadcrumbs on detail page opens category page.
  • Adds products to cart on main site.
  • Cart shows number of items and
  • Shows number of items in Cart and their price.
  • Clicking on Cart that appears on top right after adding products takes to site cart page @/cart (WooCommerce default page configuration).
  • Confirms user navigation if there are items in cart with user's name in message.

Technical details

Structure and functioning

  • Built with delicious angular-cli! :yum:
  • 2 components ShopCoponent for product archive and ProductDetailComponent for product detail pages.
  • WCService service to handle all WC tasks like querying API, adding to cart and showing ratings
  • Adding to cart functionality uses 1px iframe ( visible at the bottom of every page :sweat_smile: ) in which url to add item to cart on main site is opened ( to overcome cross domain limitations ).
  • Asks user's Name in the beginning to help distracting from long load time, which is used while confirming navigation out of app.

Limitations and ToDos

  • Limitation - Works only with simple WooCommerce products.
  • Limitation - Confirms user navigation even when cart is clicked, which it shouldn't as user is going to buy already.
  • ToDo - Minify resources to reduce load times.
  • ToDo - Reset items in cart to 0 when clicking on Cart button to buy so that user navigation is not confirmed.
  • ToDo - Style front screen ( asking for user's name ) so that input a button appear nicer on landscape mobile devices.
  • ToDo - Move breadcrumbs bar styles to universal css ( not just shop ).
  • ToDo - Add Product added to cart feedback, so user can know which products they've added already.
  • ToDo - Implement search module.
  • ToDo - Do enableProdMode() :wink:

Credits

  • Angular 2 a Beautiful framework.
  • angular-cli.
  • jquery.com for awesome jQuery
  • The guy who developed Google's CryptoJS v3.1.2
  • https://github.com/ddo/oauth-1.0a/
  • Nice people at angular slack channel more than willing to help :)

Instructions

  1. Type in your name.
  2. Wait for app to load if not loaded already ;P
  3. After successful loading you'll see products.
  4. Crack on like you would on an ecommerce site, adding products to cart, checking out tags/categories etc.

Note : This app is tested only on Chrome

Built With

jQuery - http://jquery.com/ WC API - woothemes.github.io/woocommerce-rest-api-docs/ oauth-1.0a.js - https://github.com/ddo/oauth-1.0a/ oauth-signature.js - Mostly Google's CryptoJS v3.1.2 Font Awesome

Feedback / Ratings (10)

All Feedback