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!

Subscribe
Notify of
guest

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

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x