Give Your MarketPress Shopping Cart the Grid View Treatment

MarketPress from WPMU is a wonderful shopping cart with lots of display options and payment gateways. It’s excellent for selling shippable and downloadable goods. I rate it above WooCommerce and other expensive shopping carts. But MarketPress lacks one huge (often essential) component: it has no gridview.

Without gridview you can’t display goods side-by-side as clickable thumbails. Adding gridview to MarketPress is easy with a bit of CSS know-how.

Put the following CSS in your child theme’s style.css file and you’ll have MarketPress from WPMU with gridview product display.

Edit the CSS width and height values according to need.

/* MarketPress Grid view */

div#mp_product_list>div {
    width: 229px;
    text-align: center;
    float: left;
    margin-left:auto;
    margin-right:auto;
}

#mp_product_list .mp_product_name {
    width: 90%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }

div#mp_product_list>div a {
    text-decoration: none;
    font-weight: bold;
    height: 60px;
}

div#mp_product_list>div .mp_product_name {
    height: 60px;
}

div#mp_product_list>div img {
    margin-left:auto;
    margin-right: auto;
}

div#mp_product_list div form {
    margin-left:auto;
    margin-right: auto;
    float: none;
}

.mp_product_image_list {
    box-shadow: none;
    float: none;
    margin-left:auto;
    margin-right: auto;
}

div#mp_product_list>div>div span {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float:none;
}

I recommend MarketPress above most other shopping carts. It is less pricy than WooCommerce and WP e-Commerce. MarketPress has many features like Authorize.net payment gateway connection as standard instead of as addons that need to be bought. The only other shopping cart I use is WP e-Commerce and I only use that when a client requires something close to Magento in WordPress.

Please leave suggestions and feedback below.

Sharing is caring!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  Subscribe  
Notify of