Grid on the products page?

Update:

I discovered the MarketPress Grid Layout Shortcode Plugin and installed it, but it still displays my products as a list. Any thoughts on what I need to change to make it work?

Here is a link to the shop:
https://www.forestandfin.com/shop/

Any advice is appreciated!

I had a similar question about displaying products in grid format. I just clicked on your site, and it appears to be in a grid (vs. a list). Is it working now? What did you do differently?

I used the Marketpress Grid Layout Shortcode Plugin (you can download it here: https://premium.wpmudev.org/forums/topic/3-free-add-ons-for-marketpress#post-100250) and got the grid to appear by modifying the plugin’s css. I am still trying to figure out how to get the grid to display on my products and categories pages. If you try the plugin and it doesn’t work for you, let me know and I’ll pass along the modified css.

Can I get the modified css?

Thank you!

Sure. This is the css that I’m using now. I also changed the colors, borders, headline size, and spacing to fit my site, so you may want to change a few things back to the original if it suits you better. Here you go:

.grid div.mp_product_meta{
clear:both;
background:none;
padding:0;
margin-right:0;
}
.grid h6.mp_product_name {
padding-bottom: 0;
margin: 0;
}
.grid .product {
border:1px dotted #B2B2B2;
clear:none;
float:left;
overflow:hidden;
margin:4px 4px 4px 4px;
padding:4px;
width:178px;
min-height:215px;
}
.grid input.mp_button_addcart{margin:0;}
.grid span.mp_product_price{font-size:14px;}

Hope that helps you out!

You will not see the grid in all pages because the plgin use a shorcode to be activated [mp_list_grid]. To set it up to all pages i have to do it:

1. Install the grid plugin and activate
https://premium.wpmudev.org/forums/topic/3-free-add-ons-for-marketpress#post-100250

2. open ..\wordpress\wp-content\plugins\wordpress-ecommerce\marketpress-includes\template-functions.php and go to 1169 line (or just search for “mp_product_list”).

3.
change
$content = ‘<div id=”mp_product_list”>’;
to
$content = ‘<div id=”mp_product_list” class=”grid”>’;

if you want to change more in your list style just edit css of grid plugin

This helped me so much, thank you!

I have a follow-up question.. how can you choose for the products page (now displaying in grid) to not display the product description text? I have a grid but a looooong paragraph of text under each product photo.

Thanks so much!

Hi guys,

MarketPress doesn’t include a grid view itself currently but that shortcode plugin provides a great solution to that for now while the developers look work out how to be include a grid view. That is being looked at.

Another thing too though, there’s a file, Themeing_MarketPress.txt in the MarketPress /marketpress-includes/themes/ folder, that goes through various details on creating MarketPress templates, which you can customize instead of having to alter the plugin’s core code.

-David

Hi,

I am new to Marketpress and I like it very much.

I tried to setup grid view by following the steps above and changing the CSS. I am not seeing any grid when I use the shortcode. I see “inactive” on marketpress-grid/grid.css.

Please help!!!

https://www.rebekahsbeautyboutique.com/store/products/

If anyone is familiar with market press was wondering if you can help me out or point me in the right direction…I need to categorize my products into groups like my Store page ex.
-Section or page for:
Feather earrings
Feather extension
Feather Headbands

And…create linkables to each whether it be going to that page or a section on that page.

And or sort them my types, like all the feather earrings in together and feather extensions together…
I really like the set up of Market press so I want to keep the product set up if possible instead of going to a new page and inputing all the $, sales, etc manually-which takes forever. So I really want to just expand my product page within the Marketpress plugin. Any help will be useful.

Or a heading to separate each category
Thanks a ton!!!