A Shopping Cart Plugin for Discount Pricing | Blood & Stool

Online Ordering

Order Tests

A Shopping Cart with Email Checkout

We used a jQuery plugin to create a simple shopping cart interface with Bootstrap styles that feature add to cart, dropdown modal and add, remove or edit cart items. Items can be added into a cart with single unit quantity every time the add to cart button is clicked or pressed. There is also a feature for showing the built-in modal and checkout form. Quantity can be changed from the modal and items can be removed from it. We take competitor prices in to account, when setting up different price points. Prices are set at a below-market level in order to gain customers who readjust them accordingly. The modal is built with an extension that shortens and simplifies the checkout process to a single easy step. The shopping cart plugin has got a seamless user interface (UI) to encourage user interaction — making it easy to integrate add to cart and shopping cart functionalities into our online store. The jQuery API (application programming interface) easily integrates into the current project and enables us to promote sales while keeping track of our network of physicians, patients, nurses or other third parties. The API is used to update product status in the UI, whether items are added to the cart or not. Here, the shopping cart component is the most important part of it.

A Simple Shopping Cart Plugin with jQuery and Bootstrap

A Lightweight jQuery-based Cart Plugin

We present a basic and clear example of a Bootstrap enabled eCommerce carousel, that is dynamically loaded with items from the local storage. This simple solution reduces the number of annoying steps which come along with the checkout process.

A Responsive Web Design

The field of web design and development is quickly getting to the point of being unable to keep up with the endless new resolutions and devices. For many websites, creating a website version for each resolution and new device would be impossible, or at least impractical. Here, we use an approach where design and development respond to the user's behavior and environment based on screen size, platform and orientation. This advanced practice consists of a mix of flexible grids and layouts, images and the intelligent use of CSS media queries. When users switch from their laptop to iPad, our website automatically switches to accommodate for resolution, image size and scripting abilities. Our home page offers a full-featured all-in-one page experience, completely powered by Twitter Bootstrap — prefect for any small business company. The Bootstrap Framework makes it fully responsive to all screen resolutions and aspect ratios — one template for the desktop, laptop, iPad, iPhone and other mobile devices designed for everyone, everywhere. The fully flexible responsive layout adapts perfectly to the width of the users' browser. Moreover, it carries a lot of useful features, for instance additional HTML elements, and a set of CSS components for a clean and elegant design, Font Awesome pro, Ajax contact form, grid system and much more. Our mobile-first approach organically leads to a design that is more content-focused, and therefore user-focused.

The Responsive Layout Switches to Accommodate for Resolution

A Mobile-First User Interface

The mobile-first approach is exactly as it sounds: designing for the smallest screen and working your way up. This approach greatly reduces users' operations like panning, zooming and scrolling when browsing the web. We use the same website version for every resolution and new device.

Twitter Bootstrap

Bootstrap easily and efficiently scales our web application with a single code base, from phones to tablets to desktops with CSS media queries. We use compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included. Bootstrap makes front-end web development faster and easier. It is made for folks of all skill levels, devices of all shapes, and projects of all sizes. Bootstrap ships with vanilla CSS, but its source code utilizes the two most popular CSS pre-processors, Less and Sass. Bootstrap is built to work best in the latest desktop and mobile browsers, meaning older browsers might display differently styled, though with fully functional renderings of certain components.

jQuery API

This is a fast, small, and feature-rich JavaScript library. The application programming interface (API) makes things like HTML document traversal and manipulation, as well as event handling, CSS animation, and Ajax much simpler — with easy-to-use codes that work across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. JavaScript is a high-level multi-paradigm language characterized by curly bracket syntax, dynamic typing, prototype-based orientations and first-class functions. We use jQuery's syntax, to convert static webpages to interactive ones, adding features that improve user experience by encouraging intuitive engagement.

Dynamic Pricing Rules Determine Our Position Against Most Competitors

A Competitive Pricing Strategy

Our pricing strategy takes competitor prices into account while setting our prices — making competitor prices a major factor when testing out different price points.

Competition-based Pricing

The heart of our service is pricing — this is what the users are here for. We consider competitor actions, market conditions, consumer trends, and other variable costs that may account for the pricing model which is used for the service that is offered. We also utilize competitors' pricing data for similar services to set a base price for our own services. Rather than focusing on running costs or on the value of the item, this pricing method relies heavily on market data. Think of it in this way. You have four competitors who provide the same service as you, and you categorize them from the most high-end brand to the affordable brands. Then, you decide where you fit in. Our solid data collection system keeps track of many competitors. We do it because online shoppers either opt for the cheapest positioning in the market, or opt for the average positioning where most competitors are clustered, before deciding on where to order from. We set dynamic pricing rules which determine where we are positioned against most competitors. Of course, we are talking about two extremes, while there are thousands of different price points in between these positions.