Shopping Cart Dropdown

[Yvone Samiento]

I work as a developer and I run many e-commerce websites. One thing I've noticed is that the shopping cart doesn't have the same behavior in different websites (whether it's mine or not). The main topic I'd like to discuss is the way we see what's in the shopping cart.

Show a side bar menu, similar to the menu. It's also similar to the dropdown option, because we stay on the same page but we can see our cart. This option however, show more products, since it goes from the top to the bottom of the page.

I don't know why these options are commonly used and what are the benefits of each. I imagine the 3 option is trying to make the user finish the purchase as soon as possible. Option 1 and 2 is more likely to buy more items, but less likely to finish the purchase.

For big ticket items, e.g. more expensive items and items where users need to look at detailed specifications, such as computers, furniture, and etc., a full page check out screen (types 3 and 4) would be more suitable as it allows users to confirm and verify the selection before making the purchase.

On the other hand, if the items are relatively cheap and easy to buy, such as clothes, groceries, small items, types 1 and 2 are more suitable. And type 2 is better for websites where the bulk of users have the habit of buying many items in one session.

Every shop page has a cart page. This page can be viewed on a separate page or on each page's top header as a cart dropdown. Customers can easily see the items in their cart, by checking out a menu that appears near the top right of your pages.

I am looking to use Shopify but trying out a 2-week free trial to make sure it has the functionality I need. A dealbreaker for me is that I need a custom field on the cart page that is a dropdown selection and is required before customers can click "checkout". This is what I have so far in cart-template.liquid to replace the cart note:

I am by no means an expert in liquid -- this code is borrowed from elsewhere and modified to my needs so it might be a bit messy. Ideally, I would like the default option to be the disabled option "Choose a School" and customers would be required to make a selection before proceeding to the checkout page. I would rather not use an app for this functionality.

Thanks Alan! This helps clean it up, but I'm still running into the issue where the first option is pre-selected for them, so they can proceed without even looking at the drop-down. I need the first option to be disabled and for them to have to pick a non-disabled option before proceeding. I hope that makes sense. Here it what it looks like now:

Thank you for the quick reply, I've updated the code and its now not showing at all. Ive put just the products with tag, a mix and just non tagged. I would like it to show even with the note box would I placing the code in the wrong place? also i have Hulkapps code would this be a problem?

Hi Alan!
Is it possible the dropdown list to have search functionality so that the customer could type few characters and select what they want? In my case i would like to implement this for COD orders and having the ability for the customer to select the office they would like it delivered.

Thanks!

Thanks again and I have one more question. I tried this code on the default templates of shopify and as I said yesterday it works smoothly, but when I tried on a template created on webflow and converted to shopify whit udesly it dosent works. ( It adds the dropdown but this line doesn't works: oninvalid="this.setCustomValidity('Selecciona una promototra!')" oninput="setCustomValidity('')" I also removed de novalidate attribute form the form ) this is just on that template. Do you have any idea of why is not working?

Thank you again.

I've never used udesly or webflow, so I'm not sure. Probably you need to check the code generated by udesly and compare it to a regular Shopify template, see if they match up. Maybe someone else in the forum would have experience of this. Post a new question if you get know response on this thread.

The cart is disabled for purchase until you select the Ordering library: the library on behalf of which the order is made. Ordering libraries are tied to specific shelving locations in the system; in turn, shelving locations are tied to specific funds. The available locations and funds are configured to the ordering library in Alma (for details, see Configuring Physical Locations).

You can submit one order with multiple ordering libraries. Carts are not tied to specific ordering libraries, so you can submit offers from any ordering library you have access to, in one cart submission.

The ordering library must have a valid shipping and billing address in the system. If the system cannot find it, the ordering library is disabled in the cart. To indicate valid addresses, see Configuring the Institution and Its Libraries.

Instead of filling in all cart options manually, you can apply a customized template to your shopping cart. Cart templates hold a set of predefined values of the cart fields, so that you can apply a single template instead of applying values for every field, thus saving you time and effort. For information on creating and managing cart templates, see Cart Template Management. Once the template is applied, if needed, you can change individual cart field values to fit your needs.

You can add as many offers to the shopping cart as you'd like; however, when you submit for approval / check out the cart, this is selective - you submit to checkout individual offers, and not the entire cart.

Indicating the ordering library, the shelving location, and the funds is mandatory. However, if you are part of the selection staff, your institution policy might be that selectors do not allocate fund or location. In this case, you can send the order directly to approval, and the purchaser will complete the information. If you did indicate this information, the purchaser may change your selections, if necessary.

In addition, within the shopping cart you may need to provide more information about the order. If you are part of the purchasing staff, this may be mandatory. If you are part of the selection staff, this is optional. If you do not provide this information, the Rialto Manager will provide it as part of the order approval.

An optional Allow Duplicate checkbox can be enabled for use in the Cart and Order's Awaiting Approval. When enabled, a checkbox is displayed at the top of all cart values and when checked "allows" items with holdings to be submitted in the order. If a cart item has a holding attached to it and the user did not select the checkbox, a message appears to let the user know the order may not go through after a final holdings check. If you are part of a consortia, Network Zone holdings will also be included in the check.

Optionally, indicate the name(s) of the patron (institution staff or students) who requested this offer. If you have permissions to access the "Users" menu within Alma, you may also search the interested users field by email address (full address must be entered).

By default, Rialto will respect your Alma configurations for interested user notification preferences. The default selection of interested user notification options can be defined by the institution in the configuration menu (Configuration Menu > Acquisitions > General > Other Settings).

However, once in the cart you can make any modification to the interested user notification types, or add additional interested users. When selecting the interested user, the notification actions can be assigned as follows:

Note that in the collapsed view in the Details pane, the icons for the selected notification types appear only when they are selected. When the notification type is not selected, the icon does not appear.

The values in this field are configured by the institution. If the values were not configured by the institution, this field does not appear in the cart. Your Alma administrator can configure the values for your institution from the Cart Routing section of the Rialto Configuration page.

Selecting an option from this category allows the selection staff to assign a unique value for acquisitions to filter by on the Orders Awaiting Approval Task List. For more information, please watch the cart routing training.

Rialto will search for records based on title, author, and ISBN. When a community zone match is found, we will use provider identifiers (when present) to match against the correct collection. The match retrieval also depends on the format of the item in the cart and the record. Rialto will respect matching electronic and print records respectively.

Enabling or disabling this feature is handled through the customer parameter: "rialto_enable_create_or_match_mms_on_checkout" in Configuration > Market > General > Other Settings. By default, the parameter is set to true.

Users can manually link to another MMS ID in institution zone and network zone if there is no match, relink to another MMS ID in institution zone and network zone if there is a match, and will not have the option to relink if the match is in the community zone.

You may want to order several copies of a single offer, where each copy is destined for another shelving location in your institution. You can easily do that from the Cart page. Each copy generates a separate PO line in the Purchase Order.

You can navigate to a list of other offers for that same work from the cart, to confirm that this is the best offer or to choose an alternate/additional offer in the same work. If you are an Approver, you can do that from your own cart, or from a cart that you are currently approving.

If you are part of the selection staff, select Submit to Approval to sent the order to review by the Purchase Manager. Once the order is approved, Rialto generates the Purchase Order and submits it to the vendor. To monitor the progression of your order across the approval workflow, use Order History page.