1. Home
  2. Customization
  3. Changing the order of shopping cart product categories

Changing the order of shopping cart product categories

Intro

Today I will show you how to change the sequence of shopping cart categories so DIGITAL DOWNLOADS will be at the top of the list.  The default SmugMug shopping cart shows  PAPER PRINTS at the top of the list. The final result will look like this:

smugmug-shopping-cart

 

Code

The code is pretty easy, but you will need to add it to your theme.  Just log in to your SmugMug account → click CUSTOMIZE → CONTENT AND DESIGN → on the right side panel select ENTIRE SITE → open the THEME tab → hover your cursor over the current theme that you are using and click the wrench icon → this will open a small popup window → open the ADVANCED tab and scroll down to the CUSTOM CSS section → and click the EDIT BUTTON → this will open a CSS editor – just paste this code to it:

If you are offering PHONE CASES in your shopping cart – you will need to add this line of code at the bottom of the above code:

How does the code work?

The standard SmugMug cart has 4 categories { 5 if you are offering phone cases }:

  • paper prints
  • wall art
  • desk art
  • downloads

In this line of code:

I am moving my 1st category to section 2.

So you can experiment with the code, move your categories around to display them the way you want.

Have fun!

Updated on November 12, 2017

Was this article helpful?

Related Articles

Leave a Comment