SASS

btuffjeans.com

Launched 05/08/2015

• Client Designed
• Magento
  • Shares admin with Cowgirl Tuff Co.
  • Theme based on new RWD theme
    • Responsive
    • SASS with Compass
    • Typekit fonts
    • jQuery
  • Some extensions used:
    • MageParts Customer Restrictions – disable cart by group
    • BubbleShop CMS Tree – manage CMS pages and control which customer group sees what
    • Groups Catalog 2 – hide categories and/or products by customer group
    • MageMe WebForms Pro 2 – form builder
    • Belvg Login Redirect – redirect user to different page when logging in
    • AOE Scheduler – manage scheduler/cron tasks including a timeline view
    • Cron Import Export – Paul developed a custom extension for importing/exporting products
• Store Locator using Easy Locator service

http://www.macleodandco.com/

Macleod designed, Darin developed.

• WordPress
• FoundationPress – WP Starter Theme
• Used Bower, Grunt, and Sass
• Responsive

Features

• Home Page
  • Video or Image Background
    • Advanced Custom Fields (ACF) – Ability to choose between image or video background, different fields shown based on that option
  • Tagline – uses ACF
  • Featured Links – uses ACF
    • Ability to add up to 3 links with Name, Link and Color
• Case Studies – Custom Post Type
  • Pods Plugin – to make custom post type
  • FitText jQuery Plugin – for scaling text size within Case Study link
  • Sweet hover effects
• Portfolio Gallery – on Our Work page
  • ACF – to create the gallery
    • Ability to add new images with Title, Category, Tag(s) and Description.
  • FitText jQuery Plugin – for scaling text size within thumbnail link
  • MixItUp jQuery Plugin – for filtering projects based on tag
  • Magnific Popup jQuery Plugin – lightbox for large project image and description
  • Sweet hover effects
• Main Site Navigation
  • Custom JS to toggle the menu open/closed and keep the bubble in the correct position
  • On Desktop, nav opens with hover and logo goes to homepage. On Mobile, opens with click and logo (or off-menu click) closes it.
  • Bubble size adjusts to the number of links in the nav