BC-Product-Accessory-Options-Choice-Upsell

BigCommerce Product Accessory Options Choice Upsell

---

Installation

These are the latest instructions and are up to date. I will update them as the widget is improved.

1. Upload ProductAccessoryOptionsUpsellChoice.html Panel file to your folder in WebDAV/dav/template/Panels
2. To access your WebDAV panel, BigCommerce gives you instructions in your Admin Panel.
3. Click "Design" in the top right corner of your store admin panel.
4. Then click "WebDAV" in the "Current Theme" section and follow the instructions
5. Add %%Panel.ProductAccessoryOptionsUpsellChoice%% to bottom of Snippets/ProductAddToCart.html

• Example:

%%GLOBAL_ProductMinMaxQtyJavascript%%
//]]></script>

%%GLOBAL_EventDateJavascript%%

<!-- ADD Panel reference here -->
%%Panel.ProductAccessoryOptionsUpsellChoice%%
<!-- ADD Panel reference here -->

​    </body>
</html>​

---

Using

To get this to work, you just need to require the module once per run-time, like so.

1. Just install and it'll do the work for you!  

---

##To Do

1. Fix mobile responsiveness issue on 13' screens (overhaul BC template CSS)
2. Translate the other options (size and color) to flex, and move the border to the list item

---

Other BigCommerce modules that I've made

• BigCommerce Carousel Slider Slide Show Custom
• BigCommerce Product Page Demo Videos
• BigCommerce Product Page Brand Descriptions
• BigCommerce Product Page Brand Logos
• BigCommerce Product Page Dynamic Product Type Descriptions
• BigCommerce Product Page Image Zoom
• BigCommerce Category Page Color Swatch
• BigCommerce Category Page 2nd Alternate Thumbnail
• BigCommerce Category Page Videos
• BigCommerce Category Page Out of Stock Ribbons
• BigCommerce Category Page Staff Picks Selector
• BigCommerce Preview On MouseOver
• BigCommerce Shipping Options Description
• BigCommerce Welcoming Age Gate
• BigCommerce 360 Product View
• BigCommerce ThumbScroll
• BigCommerce Product Accessory Options Choice Upsell
• BigCommerce Navigation Dynamic List Item Visual Cues
• BigCommerce Contact Form
• BigCommerce Hot Item Product Counter
• BigCommerce Shipping Time Dynamic Feature
• BigCommerce Category Page Sold Out Products Reorder
• BigCommerce Wholesale Price and Item Hide and Other Features
• BigCommerce Sharing Savings Discount
• BigCommerce Tooltips
• BigCommerce Order Shipment Tracking APIs ofr USPS, UPS and FedEx
• BigCommerce Pagination and Infinite Scroll
• BigCommerce Brand Page Product Type Sections
• BigCommerce Misc Projects
  • Site Navigation AJAXification
  • List of SEO enhancements and improvements
  • Product Images Swipeable
  • Contact Form Overhaul and AJAXification
  • Cart Item Removal AJAXification

---

##Resources

• How to apply !important using .css()?
• jQuery selector value escaping
• CSS3 :nth-of-type() Selector
• Get ul width with floating li's using jQuery/JavaScript
• How to Populate jQuery Object with Data from Link Inside HTML List?
• jQuery Types():Object()
• A Space between Inline-Block List Items [duplicate]
• when window is resized --- Change div width live with jQuery
• jQuery .width()
• jQuery - widest item on page
• flex and CSS calc() -- Responsive, Fluid-Width, Variable-Item Navigation with CSS
• How can one create an overlay in css?
• JavaScript moving element in the DOM
• pointer-events - CSS | MDN - Mozilla Developer Network
• Flexbox in Safari: Grow and shrink
• How do I test if a variable does not equal either of two values?
• DOM Spec: 4.3. Mutation observers
• Is there a jQuery DOM change listener?

---

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!

---

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.