Code Monkey home page Code Monkey logo

bigcommerce-stuff's Introduction

BigCommerce-Projects

BigCommerce Projects - Plugins, Addons, Extensions, Features, and Custom Code for BigCommerce e-commerce Platform

Please provide quotes and time frames to complete each project.

##List of Projects

  1. Color Swatch on Category Pages
    -- Some products have color options and in BigCommerce, these only show up on Product Pages, We want them to also show up on category pages (I assume some javascript or something is necessary here). Please give 2 prices, 1 price for just showing "Multiple color options available" when they are present, just showing up a thin overlay strip over the image thumbnail, and 2. where the actual color swatch shows up in a nicely integrated fashion into the category page listings.

  2. Size Options On Category Pages
    -- Similar to 1 except with Sizes. Please also give 2 prices for this as well.

  3. Alternate Thumbnail Images on Hover
    -- On mouse hover, on Category and Brand pages, a 2nd, alternate thumbnail image should slide out from the left or right.

  4. Product Page Videos
    -- A button that will trigger a video to show up over the image of the product, and then disappears when the same button is clicked. Should work on desktop and mobile.

  5. Category Page Videos (is it extra for Brand pages?)
    -- Similar to product page videos above, but on category pages. Not each product should have the trigger button (on mobile, preferably in top right corner of image, on desktop preferably as one of the thumbnail images) but only for those for which we have uploaded videos to /content/videos/ folder on our WebDAV (or maybe some other method if you have a better one)

  6. Product Page Brand Descriptions
    -- Each product has a brand that is associated with it. We want a little brand banner with a logo and description of the brand to automatically be added to product pages depending on what brand they are. We can store the descriptions in some BC hidden page or some other file.

  7. Category Page Out of Stock script
    -- A javascript to put a little "Out of Stock" ribbon on the corner of a product listing on category pages when it is sold out.

  8. Custom Field 1 + 2 appear on right in a table
    -- We have some custom product properties such as "Height" and "Joint Type" and we want those to show up not int he product description on the bottom of the product page, but on the right of the product image where the other details of the product are.

  9. Fix resizing issue on category pages when using BC admin panel "Show Newest" option
    -- When we select "Show newest first" the sizing of the height of the product listings gets messed up. Each row is supposed to be the height of the tallest product listing, and this gets messed up.

  10. Install new slider on front page
    -- The slider on front page only allows up to 4-6 images. We want a new slider installed that has similar features but will allow many more images (up to 10 or more)

  11. Implement swipeable "next" and "Prev" actions on Product Page images
    -- On mobile product pages, the images must be selected by clicking the dots beneath the image. We want the image to be changeable when a person swipes left or right on the image, bringing up the next or previous image in the list of images.

  12. Fix MagicZoom and the conflict it causes with video
    -- messes up javascript.... breaks it because much of the jQuery-dependent JS written for the ProductThumb gets messed up due to "Undefined TypeError" cuases by missing HTML elements such as

###Speed Up and Optimization Project

Date Page Speed YSlow Page Load Page Size # of Requests Link
12/31/2014 C - 72% C - 74% 6.34s 15.4MB 102 Site - PDF

####List of Objectives for Site Speedup Project

  1. Reduce page load time
  2. Reduce page requests
  3. Reduce page sizes
  4. Acheive a generally faster and smoother loading experience, on both desktop and mobile

####List of Tasks for Site Speedup Project

  1. Optimize, scale and specify size for all front page images
  2. Optimize, scale, and specify size for all product images (over 500+)
  3. Create image sprite for small images and icons
  4. Eliminate all or reduce HTML errors as according to W3C
  5. Investigate and Fix Pre-slider loading issue
  6. Clean up header code
  7. Clean up footer code
  8. Combine all custom JavaScript into custom.js
  9. Defer parsing of JS / Make sure all JS loads properly
  10. Optimize the order of styles and scripts
  11. Completely change "Age Verify" banner style and behavior
  12. Install gzip
  13. Minify JavaScript
  14. Minify CSS
  15. Remove query strings from static resources
  16. Make fewer HTTP requests
  17. Use a Content Delivery Network (CDN) (possible or necessary?)

###General questions:

  1. Is it possible there will be unforeseen bugs in the code and how is this handled going forward?
  2. How do you handle bugs that appear/popup in the future due to updates in template or something of that nature?
  3. What guarantee/warranty do you give on your work and for hold long?

Other BigCommerce modules

##Resources and Inspiration

Swipeable Product Page Product Images


Support

โš Please help me spend more time developing and maintaining awesome modules like this by donating!

The absolute best thing to do is to sign up with ChangeTip or GratiPay if you haven't already and donate just $1 a week. That is roughly a cup of coffee per month. Also, please do donate to many other amazing open source projects!

ChangeTip donate button GratiPay donate button


License

The MIT License (MIT)

Copyright (c) 2015 Andre Bulatov

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

bigcommerce-stuff's People

Watchers

Amandeep Singh avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.