1021 points
Community rank #57
nickd32
Supreme DeityIn TrainingLifetime member
MemberLikes (6)
Liked by:
Hi gang,
After having used MarketPress for several months, I've written several add-ons, or helpers, and I'm making them available to the community. These are all developed for MarketPress ver. 2, so make sure you upgrade first!
If you use these add-ons and like them, please consider clicking the "Say Thanks" button above. I'm trying to get to 1000 points. ;-)
1. MarketPress Grid Layout Shortcode
This is a little plugin that adds a shortcode called [mp_product_grid]. It has all the same attributes that the original [mp_list_products] shortcode has.
TO INSTALL:
(1) Unzip and drop the /marketpress-grid/ folder into /wp-content/plugins/
(2) Activate the plugin like any other in WordPress DOWNLOAD HERE
2. A new MarketPress Store Theme
This MP theme uses the same CSS3 buttons/styling that the guys from WooThemes use (great for anyone who's using a WooTheme with MarketPress). You can see it in action here: http://thebutterflycircus.com/store/
TO INSTALL:
(1) Unzip and drop the CSS file (and the folder) into the /marketpress/marketpress-includes/themes/ folder
(2) Visit Store Settings >> Presentation inside your WP dashboard. The "Skyrocket" theme should show up in the dropdown box. DOWNLOAD HERE
3. A new flat-rate shipping plugin
This MP shipping plugin allows more options for shipping internationally. Currently, there's only 1 box to add extra shipping per item. This plugin allows for more options -- handy for when shipping prices vary wildly between different countries. More info in this thread.
TO INSTALL:
(1) Unzip and drop the PHP file into the /marketpress/marketpress-includes/plugins-shipping/ folder
(2) Visit Store Settings >> Shipping inside your WP dashboard. The "Flat Rate Intl" theme should show up in the dropdown box. DOWNLOAD HERE
It's my hope that in case these add-ons become popular that they might be wrapped into the core of MarketPress eventually.
18 pointsCommunity rank #3259SophomoreJust Getting Started
Member
(joined March 2011)
Likes (0)
I have skyrocket installed but it looks exactly the same as the other themes. Actually none of my themes seem to change anything significantly. Maybe a couple pixels different here and there.
1021 pointsCommunity rank #57Supreme DeityIn TrainingLifetime member
Member
(joined October 2008)
Likes (0)
The MarketPress themes change the "buy it now" and "add to cart" buttons, as well as the basic layouts of the products in the store and the accompanying MP widgets. It's not going to be a major change like a WordPress theme.
4 pointsCommunity rank #8832NewbieJust Getting Started
Member
(joined May 2011)
Likes (0)
I installed and activated the grid view, but it wasn't right, Products were stair stepped down the page. ARRGGGHH . Little help? http://www.championracehelmets.com
1935 pointsCommunity rank #27Supreme DeityIn TrainingLifetime member
Member
(joined July 2010)
Likes (0)
Thanks for sharing, I'll check them out soon as I get a chance.
@Admins:
What about a user release forum? (sounds bad that, I know). This would be a forum where users could share extra things they have created/discovered.
8212 pointsCommunity rank #5Supreme DeityDEVian The MagnificentLifetime member
WPMU DEV Fanatic
(joined October 2009)
Likes (0)
@nickd32 that really is amazing stuff! I was thinking of doing up a shortcode to display a grid myself, but you've got that done and much more. Really can't say enough how awesome this stuff is. :)
1021 pointsCommunity rank #57Supreme DeityIn TrainingLifetime member
Member
(joined October 2008)
Likes (0)
I'd like to add a short description to the grid output. Any idea how I'd do this? ... It'd be nice if I could use the excerpt from the product as the description in the grid.
@Foodin65 -- this is how the built-in [mp_list_products] shortcode already works. You can just add a width and float value to the product class in the CSS, like this:
26 pointsCommunity rank #2333VeteranJust Getting Started
Member
(joined October 2009)
Likes (0)
whoops, wrong one, it is americanwellness.sendasites.com It's on the other one too, but that is the live site and since it's not working I linked it back to the older shopping cart.
25 pointsCommunity rank #2431SophomoreJust Getting Started
Member
(joined June 2011)
Likes (0)
@nickd32 great addition and exactly what I was looking for to condense the product sections. I do want to make some css changes though for the min height 300px. Is there a way to modify without potentially getting it overwritten if an update comes along?
1021 pointsCommunity rank #57Supreme DeityIn TrainingLifetime member
Member
(joined October 2008)
Likes (0)
It doesn't seem to work for me, The product description box is still full width, so they don't form the grid. any ideas?
@RealWealthTraining -- you have 2 issues to fix... ISSUE 1
The CSS in the grid is looking for a div with id="content" (which you don't have in your theme template file). You have a div with class="content". It's an easy fix.
In your theme Template file(s), look for this line: <div class="content">
Change it to this: <div id="content" class="content">
ISSUE 2
You have a CSS class defined that looks like this:
.hentry {
clear: both;
}
The MarketPress grid uses the term "hentry" when it lists products, so you'll either need to delete this line of CSS -OR- add a line to the MarketPress grid CSS file that overrides this one, like this:
1021 pointsCommunity rank #57Supreme DeityIn TrainingLifetime member
Member
(joined October 2008)
Likes (0)
I do want to make some css changes though for the min height 300px. Is there a way to modify without potentially getting it overwritten if an update comes along?
@Charris42 -- Sure. Just add your CSS changes to your theme's style.css file (or wherever else you add CSS in your theme). You'll probably want to add !important to the lines of CSS, so they don't get overridden, like this:
1021 pointsCommunity rank #57Supreme DeityIn TrainingLifetime member
Member
(joined October 2008)
Likes (0)
If you use these add-ons and like them, please consider clicking the "Say Thanks" button above. I'm trying to get to 1000 points. ;-)
Hey guys, I've just updated the Grid Layout plugin with a few CSS updates for users with strange themes that don't follow regular protocol.
TO INSTALL:
(1) Unzip and drop the /marketpress-grid/ folder into /wp-content/plugins/
(2) Activate the plugin like any other in WordPress
811 pointsCommunity rank #68ExpertMember of the Month
Member
(joined February 2011)
Likes (0)
I added the Flat Rate Intl plugin and I'm not seeing what it does. One of my sellers is asking for more shipping options so I'm trying to explore this. (of course, I don't see what the impact of selecting all the different countries.
What is the impact of the Flat Rate Intl plugin, and what additional functionality should we be seeing?
4 pointsCommunity rank #8832NewbieJust Getting Started
Member
(joined July 2011)
Likes (0)
Hi Nick, I am using your Grid Add-on with Marketpress Lite and after some changes to my original theme's CSS (which was overriding the plugin), got it working on my shop page. Thanks! Now I am wondering, is there a way to use the grid on my products and category pages as well? Since they don't show up as "pages" on my wordpress dashboard, I am not sure where to place the shortcode and/or alter the stylesheet so that it will override the mp_product_list.
4 pointsCommunity rank #8832NewbieJust Getting Started
Member
(joined July 2011)
Likes (0)
Hi, I have two problems that I can't seem to get to work with the Product Grid plugin.
I'm running it at http://oaktreeave.com and using your product grid plugin as well as the TwentyEleven theme.
1. I cannot get the pagination to work with the Product Grid plugin. This would be really nice to have instead of having a super long list of products. I have 8 products now, if I set it to 3 products per page, it would show only three products and then hide the rest of the products with no button saying Next Page. http://oaktreeave.com/curated-products/
2. How can I add the product excerpts in the product list grid? I like a little bit more detail than just the price of the product. It would be nice if I can have the excerpts like in the default marketpress plugin. http://oaktreeave.com/curated-products/
1021 pointsCommunity rank #57Supreme DeityIn TrainingLifetime member
Member
(joined October 2008)
Likes (0)
@forestandfin @laurie --
You'll need to read up on "Themeing Marketpress" -- there's a TXT document located in the
/marketpress/marketpress-includes/themes/ folder that explains what you'll need to do.
Look under the "Advanced Themes" section.
Basically, you'll need to create a page template for your product Category List Page -- use one of the following naming conventions:
mp_category-CATEGORYSLUG.php
mp_category-CATEGORYID.php
mp_category.php
mp_taxonomy.php
mp_productlist.php
This will take some custom development on your part to do, but it's not that difficult. You'll find examples of all the functions in the template-functions.php file.
1021 pointsCommunity rank #57Supreme DeityIn TrainingLifetime member
Member
(joined October 2008)
Likes (0)
1. I cannot get the pagination to work with the Product Grid plugin.
@itisme1760 -- my plugin uses the same attributes as the [mp_list_products] shortcode. So it would something like this: [mp_product_grid paginate="true" page="1" per_page="10"]
2. How can I add the product excerpts in the product list grid?
If you want product excerpts the easiest thing would be to use the built-in [mp_list_products] shortcode and just add some CSS to make it look like a grid:
1 pointsCommunity rank #13815NewbieJust Getting Started
Member
(joined July 2011)
Likes (0)
Hi,
I have read all the related posts - but im still not sure what the shipping plugin does. I live in Australia and want to post different sized/weighted items both nationally and internationally. Obviously they are all going to cost different amounts to ship. How do I set this up ? Does you plugin enable me to do this?
1021 pointsCommunity rank #57Supreme DeityIn TrainingLifetime member
Member
(joined October 2008)
Likes (0)
Hi Stephanie, and welcome to WPMU DEV !! (ha, that's the first time I've gotten to say that to someone).
If you look at one of your individual products inside the MarketPress admin area, you'll see a box below the price where you can specify extra shipping per product (this is in addition to the shipping per order that you specify under MP Settings >> Shipping).
Normally, under each individual product there is only one box to add extra shipping, regardless of whether you're shipping in-country or internationally.
With my plugin, you get additional options, so you can specify different shipping amounts per item, per country that you're shipping to. (SEE THIS SCREENSHOT). http://cl.ly/0l1e251y010x0R2F182a
27 pointsCommunity rank #2247VeteranJust Getting Started
Member
(joined June 2011)
Likes (0)
Nick,
Your input is most valuable, thanks.
Ref your updated Grid plugin "Hey guys, I've just updated the Grid Layout plugin with a few CSS updates for users with strange themes that don't follow regular protocol.":
Q: Is latest plugin the one we should install? Whether or not we may/may not have a strange theme?
You plugins should be tested by WPMU and built into main code asap. Grid view is standard, right.
8212 pointsCommunity rank #5Supreme DeityDEVian The MagnificentLifetime member
WPMU DEV Fanatic
(joined October 2009)
Likes (0)
Hi RichardHK,
Thanks for your feedback and welcome to WPMU DEV!
While these really are awesome and incredibly useful additions, I think the reason these types of things are not currently included is to try and keep the core MarketPress plugin as manageable and lightweight as possible.
I believe the hope and plan was to build plugins for MarketPress similar to what nickd32's done here, but honestly, he's done such an amazing job, it's hard to justify doing a similar one! But that is being looked at.
To help answer your question regarding your theme, I would think these plugins should work just fine with it as long as it's designed according to WordPress themeing standards. If not though, you may just need a couple css tweaks.
27 pointsCommunity rank #2247VeteranJust Getting Started
Member
(joined June 2011)
Likes (0)
Thanks David,
Agree with keeping core plugin as manageable and lightweight as possible, but there are basic needs for a shopping cart that ought to be in its basic package. Enough discussions on the web about what those minimum needs would be, and Nick has given you at least two of these. :) My own shipping need for free shipping above a certain $ amount is another. Your competitors have these basic needs either as standard (free) or as paid product/upgrade - which would be the same for you to give more differentiation between the MarketPress Lite and paid versions.
Nuff said here. Treading on Nick's thread although hope it can fire Nick up to provide a few more plugins. Something like the Dropshop widget that the WPEC buggy competitor has. :)
Talk later in another thread. Still not got my new MarketPress installation running due to a WPML and/or theme problem. :(
8212 pointsCommunity rank #5Supreme DeityDEVian The MagnificentLifetime member
WPMU DEV Fanatic
(joined October 2009)
Likes (0)
Understood Richard. I'll tell you what though, create a new thread on the shipping matter and I'll take a look with you on it. I think that would be very simple and I'm sure I can get that done for you.
In there you'll find a file called plugin-template.php -- use that to develop whatever shipping plugins you want. That's how I developed mine.
Free shipping over $xx is easy.
$threshold = 100; //Free shipping for orders over 100 dollars
//final shipping amount is saved in a variable called $price
if ($total >= $threshold) { $price = 0; }
27 pointsCommunity rank #2247VeteranJust Getting Started
Member
(joined June 2011)
Likes (0)
Thanks for that Nick.
I can understand 90+% of above Ok, as not a PHP programmer (yet).
Kicked off my PHP for Dummies training which seems to be essential for any e-Commerce work. Every plugin I have come across needs PHP tweaking. I used to program with Delphi (object Pascal) in the old days, so will not take too long. :)
59 pointsCommunity rank #961VeteranJust Getting Started
Member
(joined July 2011)
Likes (0)
Nick:
First off, thanks so much for sharing your great work. I have a couple of questions:
1. Is there a way to eliminate the extra space that is under each product listing?
2. I have a line showing up at the top of the grid. Can this be elminated?
Ciara you should have a look at your website using Firefox and Firebug addon. Its a brilliant tool for looking at what elements have what CSS linked to them, it even tells you what line in the CSS file you can find them.
It looks to me that the line is gone to the top because the product squares have been floated. Try using <div style="width:100%;clear:both;"></div> right after you display all the products i.e. after the loop but before the element that creates the line.
I cannot praise firebug enough in these kinds of situations though. You will wonder how you managed without it! Just use the html inspect element tool and hover over stuff on the page. You will see html on one side and the corresponding CSS on the other. Cool :)
65 pointsCommunity rank #845El PresidenteJust Getting Started
Member
(joined June 2011)
Likes (0)
Nick, if you're still out there--
I'd like to second Chris's comment. Recent MP updates have finally fixed the shortcode variables so they all work properly now. But the Grid Layout shortcode hasn't picked up on these changes/corrections. Can you fix the Grid Layout shortcode so its variables work correctly as well? Thanks!
11 pointsCommunity rank #4814SophomoreJust Getting Started
Member
(joined September 2011)
Likes (0)
This is totally what I want to do at my site. I am using Product theme and this short code to showcase the product ( I still need to figure out how to change product to a different name )
I need to have the products displayed in a gird, currently they are displaying one full width row at a time. After going through the thread, I tried locating the <div class="content"> in my theme templates but could only find <div id="content">, do I need to declare it as a class as well. Secondly I couldn't find the .hentry in any of my css files.
140 pointsCommunity rank #363El PresidenteJust Getting Started
Member
(joined March 2011)
Likes (0)
this is great, could anyone tell me if i could, and how i would go about displaying products from a specific category, using a shortcode for this plugin?
Id like to make a page that displays products only from a specific category, in a grid layout.
65 pointsCommunity rank #845El PresidenteJust Getting Started
Member
(joined June 2011)
Likes (0)
@promoshake--
It looks like you've got your Headway grid problems sorted out. But in case I am mistaken: I too use MarketPress and the grid plugin in Headway theme, and I discovered that the css for the grid is not "Headway compatible". Take a look at Headway's help on proper css, then check the plugin's css file. Basically, you need to replace the opening bit of each css rule (sorry, my css lingo is pretty deficient) with body.custom, and possibly tweak it a bit further.
I don't know if this passes muster with css experts, but here's what my grid css looks like now, and it works:
45 pointsCommunity rank #1316VeteranJust Getting Started
Member
(joined August 2011)
Likes (0)
Hi All,
does this plugin orek for multisites? I have installed it and activated it on the network, but it does not seem to work. I have also tried listing the products on the home page with [mp_list_global_products display="grid"] This will list my global products but not in grid format :(
26 pointsCommunity rank #2333VeteranJust Getting Started
Member
(joined November 2011)
Likes (0)
I am trying the gridview plug in, i upgraded to the premium version of marketpress to see if that would work and still no grid view, just a list and no thumbnails or anything, same problem as above.
However I did this some time ago http://www.wobblybridge.co.uk/for-sale/ and this pulls in global products. Although I have disabled the multisite at the moment on this due to nasty spammers.
I'll dig out the code for you if this is what you mean?
I basically got the code I needed from the Framemarket theme and created a page template to show art for sale from every users site.
This is the code in that page that pulls the global products. There is some rough CSS behind it and I am trying to remember if I had to apply anything else. It was a long time ago on an experimental site.
For Wobblybridge, I had to create a page template specifically to pull in the global products.
You also have to reference a function file which has the functions required to run the above code.
As you are not a coder it's going to be hard to explain this here. A couple of Q's
Is the example I showed in Wobblybridge the type of thing you want to achieve?
Are you using a theme or building your own?
Do you have a current site link?
I am assuming you may be after a site along the lines Etsy? If so I would be inclined to post on the WPMU job board.
i want achive the way you show on Wobblybridge, is it any other ways to show gridlayout?
i am using for the moment product theme?.
here is the current site link: http://tiny.cc/jccmt
you say i may be after etsy site does i mean is more diffcult to make a gridlyout?
i can't understand why is no instruction how to make Global Gridlayout is it so difficult??? for non coders.
Nicks plugin is fantastic for single sites (gave him 40 of my points for it)
In terms of a multisite setup you do really need some coding skills or the ability to strip apart code from exiting themes and the understanding of the code.
This is only my opinion.
You can also adapt the global product list widget but again I feel you need some coding skills to achieve this.
Anyone else have an opinion?
I think you are after a site that allows users to create blogs and stores. You then want to pull in the items they add to their stores to a central site?
is that correct? if so I did do this with Wobblybridge in a basic way but it is a fraction of the work that went into Etsy.
If you send me your theme zipped up I will install it on a test area and get a global product page template setup for you to get you started . No charge.
Google my username and you will get my site and email.
Hi redboatdesign,
Sorry for the delay i just sent you a mail and i really like you website is very proffesional :)
i can't send mail to you i get this message back:
The mail system
<info@yourmail>: host
yoursite.com.s200a1.psmtp.com[207.126.147.10] said: 582 The file
attached violates our email policy (in reply to end of DATA command)
15 pointsCommunity rank #3796SophomoreJust Getting Started
Member
(joined September 2011)
Likes (0)
I have installed the plugin for the product grid. But how do I get it to display on the PRODUCTS page instead of the default list? There is no products page per say. If I put it under product settings will it remove the default list (one per row)??
15 pointsCommunity rank #3796SophomoreJust Getting Started
Member
(joined September 2011)
Likes (0)
Paul, thanks for your response. I was able to add the short code on any PAGE (I'm not using posts currently) and it successfully shows the products listed in a grid. However, included when you install the marketpress plugin is a link to "products". What comes up appears to be a page or post, but with regard to WP ADMIN no product or page is shown. The editable page I see from marketpress is "STORE" which gets installed when you install the plugin.
I confess I am still learning a lot about updating the style sheets so this may be a dumb question. I'm just not clear on how to change what appears when you click on the "Products" link to view a list of products. I would hope I don't have to create a separate products page and suppress the "Products" list that comes with the plugin because it already has all the code linking it to the ecommerce functionality.
Does that make sense? We have a lot of products to display and I don't like the default way of showing them in a long list, 1 per row. I am using the Picture Perfect WordPress Theme and can't change it (i.e. to Frame Market) due to other design requirements.
To alter the PRODUCTS page you will have to create a template for it called mp_productlist.php in your theme root folder. See the Themeing_MarketPress.txt included in the download for all template file names.
You can then use: <?php echo do_shortcode('[mp_product_grid order_by="price" order="DESC"]'); ?>
NOTE: You cannot paginate shortcodes. See below.
I am now going down the route of creating templates over using shortcodes as you cannot paginate with the shortcodes even though the shortcode examples have pagination shown so ignore those. See: http://premium.wpmudev.org/forums/topic/pagination-explanation
There is no documentation on how to template MP that I know off so you are pretty much left in the dark. You can look at WPMUs marketpress theme specifically Framemarket / Gridmarket.
Shortcodes are fine to show say featured products on a page but fairly useless without pagination for large collections.
378 pointsCommunity rank #126ExpertGunning for gold!
Member
(joined August 2011)
Likes (1)
Liked by:
Just a quick FYI for people who love grid and are anal as I am about everything laying out perfectly...
Sweet nickd32 neglects to mention here (anywhere I noticed in any case) that you can use paragraph settings and breaks in product titles, as well as the html code for nada. While this makes things less than pretty on the back-end, it does make the products line up really well in grid!
Check this out. The products that line up perfectly, I did. The rest, the client did LOL. Anyway, even inline CSS works in product titles, and it can really make an incredibly eloquent display. Grid rocks!
Responses (96)
Member (joined March 2011) Likes (0)
I have skyrocket installed but it looks exactly the same as the other themes. Actually none of my themes seem to change anything significantly. Maybe a couple pixels different here and there.
Member (joined October 2008) Likes (0)
The MarketPress themes change the "buy it now" and "add to cart" buttons, as well as the basic layouts of the products in the store and the accompanying MP widgets. It's not going to be a major change like a WordPress theme.
Member (joined October 2008) Likes (0)
Here are a couple of screenshots.
Member (joined April 2009) Likes (0)
Woe. I'm gonna have a play with these, but I'll definitely be sending points your way for releasing to the community here :)
Let's even make this thread a 'sticky' so everyone gets the chance to take a look.
Well done, Nick!
Theme Designer (joined November 2009) Likes (0)
Looks cool my suggestion would be call them styles not themes so people don't expect more changes as all they are is MarketPress styles.
Member (joined May 2010) Likes (0)
Awesome! I am going to give these a go this weekend!
@nickd32, great idea releasing stuff to this community.
Member (joined November 2010) Likes (0)
thanks the grid display was just what I needed
Member (joined May 2011) Likes (0)
I installed and activated the grid view, but it wasn't right, Products were stair stepped down the page. ARRGGGHH . Little help? http://www.championracehelmets.com
Member (joined October 2008) Likes (0)
@Tammie - That's good feedback for Aaron. I think he's the one who came up with the term "Store Themes"
@7websitedesign - try adjusting the 'min-height' value in the CSS, like this:
#content .grid .product{min-height:300px;}UPDATE -- I looked at your site just now, and it appears that the accompanying 'grid.css' file isn't loading on your site.
Member (joined September 2008) Likes (0)
Thanks for sharing nickd32... hopefully I'll get to try em soon!
Member (joined July 2010) Likes (0)
Thanks for sharing, I'll check them out soon as I get a chance.
@Admins:
What about a user release forum? (sounds bad that, I know). This would be a forum where users could share extra things they have created/discovered.
WPMU DEV Fanatic (joined October 2009) Likes (0)
@nickd32 that really is amazing stuff! I was thinking of doing up a shortcode to display a grid myself, but you've got that done and much more. Really can't say enough how awesome this stuff is. :)
Member (joined October 2010) Likes (0)
Thanks nick - great styles. This community rocks!
Member (joined October 2010) Likes (0)
I am after a front end posting in buddypress of the custom post type 'product' for marketpress.
2nickd32 would this help your marketplace?
http://premium.wpmudev.org/forums/topic/marketpress-buddypress-front-end-posting
Johnny
Member (joined February 2010) Likes (0)
Hey Guys,
I love the product grid and I'm using it on my site! So thank you very much.
I'd like to add a short description to the grid output. Any idea how I'd do this?
I'm comfortable messing with the php, i'd just need to code to put in there.
It'd be nice if I could use the excerpt from the product as the description in the grid.
Thanks!
Support Kangaroo (joined March 2011) Likes (0)
Greetings nickd32 :-)
these look great and thank you for your additions to the WPMU community.
The only possible improvement that I can see at this point would be to have .txt install instructions included inside the zip file :-)
Joe :-)
Member (joined April 2011) Likes (0)
Great additions to a great plugin! Thanks for sharing!
Member (joined October 2009) Likes (0)
It doesn't seem to work for me, The product description box is still full width, so they don't form the grid. any ideas?
Member (joined October 2008) Likes (0)
@RealWealthTraining -- can you provide a URL?
Member (joined October 2008) Likes (0)
@Foodin65 -- this is how the built-in [mp_list_products] shortcode already works. You can just add a width and float value to the product class in the CSS, like this:
Member (joined October 2009) Likes (0)
Yes The url is americanwellness.net
Thanks!
Member (joined October 2009) Likes (0)
whoops, wrong one, it is americanwellness.sendasites.com It's on the other one too, but that is the live site and since it's not working I linked it back to the older shopping cart.
Member (joined June 2011) Likes (0)
@nickd32 great addition and exactly what I was looking for to condense the product sections. I do want to make some css changes though for the min height 300px. Is there a way to modify without potentially getting it overwritten if an update comes along?
Thanks!
Member (joined October 2008) Likes (0)
@RealWealthTraining -- you have 2 issues to fix...
ISSUE 1
The CSS in the grid is looking for a div with id="content" (which you don't have in your theme template file). You have a div with class="content". It's an easy fix.
In your theme Template file(s), look for this line:
<div class="content">Change it to this:
<div id="content" class="content">ISSUE 2
You have a CSS class defined that looks like this:
The MarketPress grid uses the term "hentry" when it lists products, so you'll either need to delete this line of CSS -OR- add a line to the MarketPress grid CSS file that overrides this one, like this:
Member (joined October 2008) Likes (0)
@Charris42 -- Sure. Just add your CSS changes to your theme's style.css file (or wherever else you add CSS in your theme). You'll probably want to add !important to the lines of CSS, so they don't get overridden, like this:
Member (joined October 2008) Likes (0)
If you use these add-ons and like them, please consider clicking the "Say Thanks" button above. I'm trying to get to 1000 points. ;-)
Hey guys, I've just updated the Grid Layout plugin with a few CSS updates for users with strange themes that don't follow regular protocol.
TO INSTALL:
(1) Unzip and drop the /marketpress-grid/ folder into /wp-content/plugins/
(2) Activate the plugin like any other in WordPress
DOWNLOAD HERE
If you use these add-ons and like them, please consider clicking the "Say Thanks" button above. I'm trying to get to 1000 points. ;-)
Member (joined April 2011) Likes (0)
wow... wow... wow.... exactly what we were looking for!!! perfect grid http://ecoloveart.com/store
32 points for nickd32 ^.^
~
Member (joined October 2009) Likes (0)
Thanks That worked perfectly!
Member (joined February 2011) Likes (0)
I added the Flat Rate Intl plugin and I'm not seeing what it does. One of my sellers is asking for more shipping options so I'm trying to explore this. (of course, I don't see what the impact of selecting all the different countries.
What is the impact of the Flat Rate Intl plugin, and what additional functionality should we be seeing?
Member (joined October 2008) Likes (0)
It adds additional shipping input fields for each individual item. Please see Item #3 in the first post on this thread.
Member (joined July 2011) Likes (0)
Hi Nick, I am using your Grid Add-on with Marketpress Lite and after some changes to my original theme's CSS (which was overriding the plugin), got it working on my shop page. Thanks! Now I am wondering, is there a way to use the grid on my products and category pages as well? Since they don't show up as "pages" on my wordpress dashboard, I am not sure where to place the shortcode and/or alter the stylesheet so that it will override the mp_product_list.
Here is my shop (with the grid):
http://www.forestandfin.com/shop
I'd like to put the grid on these pages as well:
http://www.forestandfin.com/shop/products
http://www.forestandfin.com/shop/products/category/t-shirts-2/
http://www.forestandfin.com/shop/products/category/women/
http://www.forestandfin.com/shop/products/category/men/
Thanks!
Member (joined January 2011) Likes (0)
Thanks you, thank you, thank you! You've saved me so much time!
I have the same question as forestandfin....can I apply the grid to category pages?
Thanks!
Laurie
Member (joined July 2011) Likes (0)
Hi, I have two problems that I can't seem to get to work with the Product Grid plugin.
I'm running it at http://oaktreeave.com and using your product grid plugin as well as the TwentyEleven theme.
1. I cannot get the pagination to work with the Product Grid plugin. This would be really nice to have instead of having a super long list of products. I have 8 products now, if I set it to 3 products per page, it would show only three products and then hide the rest of the products with no button saying Next Page. http://oaktreeave.com/curated-products/
2. How can I add the product excerpts in the product list grid? I like a little bit more detail than just the price of the product. It would be nice if I can have the excerpts like in the default marketpress plugin. http://oaktreeave.com/curated-products/
Member (joined October 2008) Likes (0)
@forestandfin @laurie --
You'll need to read up on "Themeing Marketpress" -- there's a TXT document located in the
/marketpress/marketpress-includes/themes/ folder that explains what you'll need to do.
Look under the "Advanced Themes" section.
Basically, you'll need to create a page template for your product Category List Page -- use one of the following naming conventions:
mp_category-CATEGORYSLUG.php
mp_category-CATEGORYID.php
mp_category.php
mp_taxonomy.php
mp_productlist.php
This will take some custom development on your part to do, but it's not that difficult. You'll find examples of all the functions in the template-functions.php file.
-nd
Member (joined October 2008) Likes (0)
@itisme1760 -- my plugin uses the same attributes as the [mp_list_products] shortcode. So it would something like this:
[mp_product_grid paginate="true" page="1" per_page="10"]If you want product excerpts the easiest thing would be to use the built-in [mp_list_products] shortcode and just add some CSS to make it look like a grid:
Something like this:
Member (joined July 2011) Likes (0)
Hi,
I have read all the related posts - but im still not sure what the shipping plugin does. I live in Australia and want to post different sized/weighted items both nationally and internationally. Obviously they are all going to cost different amounts to ship. How do I set this up ? Does you plugin enable me to do this?
Thanks
Stephanie
Member (joined October 2008) Likes (0)
Hi Stephanie, and welcome to WPMU DEV !! (ha, that's the first time I've gotten to say that to someone).
If you look at one of your individual products inside the MarketPress admin area, you'll see a box below the price where you can specify extra shipping per product (this is in addition to the shipping per order that you specify under MP Settings >> Shipping).
Normally, under each individual product there is only one box to add extra shipping, regardless of whether you're shipping in-country or internationally.
With my plugin, you get additional options, so you can specify different shipping amounts per item, per country that you're shipping to. (SEE THIS SCREENSHOT).
http://cl.ly/0l1e251y010x0R2F182a
Hope that makes sense.
Member (joined December 2010) Likes (0)
@nickd32, I installed grid plugin and working nicely so far. Thanks!
Member (joined June 2011) Likes (0)
Nick,
Your input is most valuable, thanks.
Ref your updated Grid plugin "Hey guys, I've just updated the Grid Layout plugin with a few CSS updates for users with strange themes that don't follow regular protocol.":
Q: Is latest plugin the one we should install? Whether or not we may/may not have a strange theme?
You plugins should be tested by WPMU and built into main code asap. Grid view is standard, right.
Will 'say thanks' now.
Richard
WPMU DEV Fanatic (joined October 2009) Likes (0)
Hi RichardHK,
Thanks for your feedback and welcome to WPMU DEV!
While these really are awesome and incredibly useful additions, I think the reason these types of things are not currently included is to try and keep the core MarketPress plugin as manageable and lightweight as possible.
I believe the hope and plan was to build plugins for MarketPress similar to what nickd32's done here, but honestly, he's done such an amazing job, it's hard to justify doing a similar one! But that is being looked at.
To help answer your question regarding your theme, I would think these plugins should work just fine with it as long as it's designed according to WordPress themeing standards. If not though, you may just need a couple css tweaks.
Cheers,
David
Member (joined June 2011) Likes (0)
Thanks David,
Agree with keeping core plugin as manageable and lightweight as possible, but there are basic needs for a shopping cart that ought to be in its basic package. Enough discussions on the web about what those minimum needs would be, and Nick has given you at least two of these. :) My own shipping need for free shipping above a certain $ amount is another. Your competitors have these basic needs either as standard (free) or as paid product/upgrade - which would be the same for you to give more differentiation between the MarketPress Lite and paid versions.
Nuff said here. Treading on Nick's thread although hope it can fire Nick up to provide a few more plugins. Something like the Dropshop widget that the WPEC buggy competitor has. :)
Talk later in another thread. Still not got my new MarketPress installation running due to a WPML and/or theme problem. :(
Richard
WPMU DEV Fanatic (joined October 2009) Likes (0)
Understood Richard. I'll tell you what though, create a new thread on the shipping matter and I'll take a look with you on it. I think that would be very simple and I'm sure I can get that done for you.
-David
Member (joined October 2008) Likes (0)
@RichardHK -- look in the marketpress plugin folder here:
/marketpress/marketpress-includes/plugins-shipping/
In there you'll find a file called plugin-template.php -- use that to develop whatever shipping plugins you want. That's how I developed mine.
Free shipping over $xx is easy.
Member (joined June 2011) Likes (0)
Thanks for that Nick.
I can understand 90+% of above Ok, as not a PHP programmer (yet).
Kicked off my PHP for Dummies training which seems to be essential for any e-Commerce work. Every plugin I have come across needs PHP tweaking. I used to program with Delphi (object Pascal) in the old days, so will not take too long. :)
Member (joined July 2011) Likes (0)
Nick:
First off, thanks so much for sharing your great work. I have a couple of questions:
1. Is there a way to eliminate the extra space that is under each product listing?
2. I have a line showing up at the top of the grid. Can this be elminated?
I appreciate any help you can give me.
Ach Crivvens (joined August 2011) Likes (0)
Ciara you should have a look at your website using Firefox and Firebug addon. Its a brilliant tool for looking at what elements have what CSS linked to them, it even tells you what line in the CSS file you can find them.
It looks to me that the line is gone to the top because the product squares have been floated. Try using
<div style="width:100%;clear:both;"></div>right after you display all the products i.e. after the loop but before the element that creates the line.I cannot praise firebug enough in these kinds of situations though. You will wonder how you managed without it! Just use the html inspect element tool and hover over stuff on the page. You will see html on one side and the corresponding CSS on the other. Cool :)
Lifetime Member (joined August 2011) Likes (0)
Good call, that's exactly what I was looking for!
Points gone your way!
Chris
Lifetime Member (joined August 2011) Likes (0)
Is there a way to order the items by price in reverse order?
You can see the site here: http://boaztrust.org.uk/store/
I've tried both:
[mp_product_grid order_by="price" order="ASC"]
and
[mp_product_grid order_by="price" order="DESC"]
And neither changes the order.
Any ideas?
Lifetime Member (joined August 2011) Likes (0)
Hey Nick - the latest update to MP sorts of the order_by price error, but the product grid plugin doesn't seem to have picked this up.
Any ideas?
Member (joined June 2011) Likes (0)
Nick, if you're still out there--
I'd like to second Chris's comment. Recent MP updates have finally fixed the shortcode variables so they all work properly now. But the Grid Layout shortcode hasn't picked up on these changes/corrections. Can you fix the Grid Layout shortcode so its variables work correctly as well? Thanks!
Lifetime Member (joined August 2011) Likes (0)
I will totally give you more points towards your thousand if you can sort this for me!
Member (joined October 2010) Likes (0)
@nickd32 hi nick awesome work extending marketpress
Check out this extension. Front end product entry
http://premium.wpmudev.org/forums/topic/marketpress-buddypress-front-end-posting
Anyone please feel free to BETA test! Any coders please help to improve!
Cheers
Johnny
Lifetime Member (joined August 2011) Likes (0)
@Robert - just to say, I've fixed this bug in a new version - http://premium.wpmudev.org/forums/topic/new-version-of-marketpress-grid-shortcode-plugin
Appreciate any points you can spare!
Member (joined September 2011) Likes (0)
This is totally what I want to do at my site. I am using Product theme and this short code to showcase the product ( I still need to figure out how to change product to a different name )
I need to have the products displayed in a gird, currently they are displaying one full width row at a time. After going through the thread, I tried locating the <div class="content"> in my theme templates but could only find <div id="content">, do I need to declare it as a class as well. Secondly I couldn't find the .hentry in any of my css files.
Please advice.
Thanks.
Member (joined July 2010) Likes (0)
In your theme options, go to Branding & then site title
Member (joined April 2010) Likes (0)
I tried the latest verison of the plugin with my heaway theme , it still dosen't display the products in a grid
http://daddyconcept.com/testing/store/
Are they problems of compatibility with headway themes ?
Member (joined March 2011) Likes (0)
this is great, could anyone tell me if i could, and how i would go about displaying products from a specific category, using a shortcode for this plugin?
Id like to make a page that displays products only from a specific category, in a grid layout.
thanks!
Member (joined June 2010) Likes (0)
Great job Nick. The grid view surely helps a lot.
Member (joined October 2010) Likes (0)
@Promoshake
This looks good see attached :)
@nickd32
Any chance this is gonna be implemented in Marketpress ?
Cheers,
Johnny
Member (joined October 2008) Likes (0)
@johnnymestizo -- I asked Aaron that same question 2 weeks ago...
http://premium.wpmudev.org/forums/topic/new-version-of-marketpress-grid-shortcode-plugin#post-129625
I'll see if I can get an answer. I know he's got a lot going on with the beta release of MP 2.2
Member (joined June 2011) Likes (0)
@promoshake--
It looks like you've got your Headway grid problems sorted out. But in case I am mistaken: I too use MarketPress and the grid plugin in Headway theme, and I discovered that the css for the grid is not "Headway compatible". Take a look at Headway's help on proper css, then check the plugin's css file. Basically, you need to replace the opening bit of each css rule (sorry, my css lingo is pretty deficient) with body.custom, and possibly tweak it a bit further.
I don't know if this passes muster with css experts, but here's what my grid css looks like now, and it works:
Hope this helps.
Member (joined October 2010) Likes (0)
While we are here...
http://premium.wpmudev.org/forums/topic/marketpress-add-on-front-end-product-entry-form
Please test and leave discussions in forum.
Many thanks,
Johnny
Member (joined October 2010) Likes (0)
Hi Nickd32,
Does the mp grid plugin display products from other sites? (globally)
That is the way I use the normal mp shortcode. [mp_list_global_products]
Awesome work!
Cheers,
Johnny
Member (joined September 2011) Likes (0)
I agree with the above posting, is there anyway to grid display global products?
Member (joined August 2011) Likes (0)
Hi All,
does this plugin orek for multisites? I have installed it and activated it on the network, but it does not seem to work. I have also tried listing the products on the home page with [mp_list_global_products display="grid"] This will list my global products but not in grid format :(
Member (joined October 2011) Likes (0)
The grid doesn't seem to work on my site... products are still listed on one column down... see here http://malaysiaboutiques.com/store/
Any help is much appreciated.
Member (joined October 2010) Likes (0)
Are you specifying shortcode that looks like this?
[mp_product_grid paginate="true" page="1" per_page="10"]
Johnny
Member (joined October 2011) Likes (0)
Nope, i tried your exact shortcode, the result is still the same. No grid display.
Member (joined November 2011) Likes (0)
I am trying the gridview plug in, i upgraded to the premium version of marketpress to see if that would work and still no grid view, just a list and no thumbnails or anything, same problem as above.
Member (joined October 2011) Likes (0)
Is it any Global Grid Layout yet?? if not is it possible to make one?
Member (joined July 2010) Likes (0)
Not sure if this will help anyone:
I wanted to display Nicks Grid view for each Category.
To do this I created the mp_category.php and then applied the following to the template:
<?php echo do_shortcode('[mp_product_grid paginate="true" page="1" per_page="6" order_by="price" order="DESC"]'); ?>
There may be a better way but I could not find it.
EDIT: I am currently learning MP and this is my test site in relation to the above: http://redboat.co.uk/store/store/products/category/general-stuff/
Please excuse any broken bits and yes that's me and I am not for sale :)
Paul
Member (joined October 2011) Likes (0)
Hi Paul,
will your ide work with global products?
Member (joined July 2010) Likes (0)
Hi Erik,
As in a multi-site set-up: I don't think it will.
However I did this some time ago http://www.wobblybridge.co.uk/for-sale/ and this pulls in global products. Although I have disabled the multisite at the moment on this due to nasty spammers.
I'll dig out the code for you if this is what you mean?
Paul
Member (joined July 2010) Likes (0)
Not sure if this will help you or not:
I basically got the code I needed from the Framemarket theme and created a page template to show art for sale from every users site.
This is the code in that page that pulls the global products. There is some rough CSS behind it and I am trying to remember if I had to apply anything else. It was a long time ago on an experimental site.
<div class="post-content">
<?php if ( class_exists( 'MarketPress' ) ) {
?>
<div id="mp-product-grid">
<h1 class="entry-title"></h1>
<?php
if ( $slug = get_query_var('global_taxonomy') ) {
$args = array();
$args['echo'] = false;
$args['category'] = $slug;
//check for paging
if (get_query_var('paged'))
$args['page'] = intval(get_query_var('paged'));
$content = framemarket_mp_list_global_products( $args );
$content .= get_posts_nav_link();
} else { //no category set, so show list
$content .= mp_global_categories_list( array( 'echo' => false ) );
}
echo $content;
?>
<div class="clear"></div>
</div>
<?php
}
?>
Member (joined October 2011) Likes (0)
thx for taking time for me as i am not a coder, where do i add that code exactly?
Member (joined July 2010) Likes (0)
For Wobblybridge, I had to create a page template specifically to pull in the global products.
You also have to reference a function file which has the functions required to run the above code.
As you are not a coder it's going to be hard to explain this here. A couple of Q's
Is the example I showed in Wobblybridge the type of thing you want to achieve?
Are you using a theme or building your own?
Do you have a current site link?
I am assuming you may be after a site along the lines Etsy? If so I would be inclined to post on the WPMU job board.
Member (joined October 2011) Likes (0)
Hi,
i want achive the way you show on Wobblybridge, is it any other ways to show gridlayout?
i am using for the moment product theme?.
here is the current site link: http://tiny.cc/jccmt
you say i may be after etsy site does i mean is more diffcult to make a gridlyout?
i can't understand why is no instruction how to make Global Gridlayout is it so difficult??? for non coders.
Member (joined July 2010) Likes (0)
Nicks plugin is fantastic for single sites (gave him 40 of my points for it)
In terms of a multisite setup you do really need some coding skills or the ability to strip apart code from exiting themes and the understanding of the code.
This is only my opinion.
You can also adapt the global product list widget but again I feel you need some coding skills to achieve this.
Anyone else have an opinion?
I think you are after a site that allows users to create blogs and stores. You then want to pull in the items they add to their stores to a central site?
is that correct? if so I did do this with Wobblybridge in a basic way but it is a fraction of the work that went into Etsy.
Member (joined July 2010) Likes (0)
I see you have already used the widget.
If you send me your theme zipped up I will install it on a test area and get a global product page template setup for you to get you started . No charge.
Google my username and you will get my site and email.
Member (joined October 2011) Likes (0)
Hi redboatdesign,
Sorry for the delay i just sent you a mail and i really like you website is very proffesional :)
i can't send mail to you i get this message back:
The mail system
<info@yourmail>: host
yoursite.com.s200a1.psmtp.com[207.126.147.10] said: 582 The file
attached violates our email policy (in reply to end of DATA command)
Member (joined July 2010) Likes (0)
Send a mail without an attachment and I will set you up to upload files to my server.
Member (joined July 2010) Likes (0)
Hi Erik,
I have a page template set up and sent you an email. I just need the access requested to test on the site and we can then fine tune.
Paul
Member (joined July 2010) Likes (0)
To help Erik I performed the following tasks.
Created a page template to accommodate a global list.
[mp_list_global_products per_page="10" order_by="rand" order="DESC" ]
He was using the Product theme so I adapted the child.css to show products as a grid rather than a list. Specifically the #mp_product_list class.
Fairly basic CSS stuff but it might help someone wanting to show their global products and global categories as a grid rather than a list.
Paul
Member (joined September 2011) Likes (0)
I have installed the plugin for the product grid. But how do I get it to display on the PRODUCTS page instead of the default list? There is no products page per say. If I put it under product settings will it remove the default list (one per row)??
Thanks for doing this!
Susan
Member (joined October 2011) Likes (0)
Hi redboatdesign,
Thx for helping me you did a fantastic job i sent you some points :)
Member (joined July 2010) Likes (0)
Hi Susan,
Do you mean on your main store page?
If so you can use this shortcode on the store page: Options should be obvious.
[mp_product_grid paginate="true" page="1" per_page="3" order_by="price" order="DESC" ]
If you want to have featured images on there: (Create a Featured Category and then see below)
[mp_product_grid paginate="true" page="1" per_page="3" order_by="price" order="DESC" category="featured"]
This should get you started.
Paul
Member (joined September 2011) Likes (0)
Paul, thanks for your response. I was able to add the short code on any PAGE (I'm not using posts currently) and it successfully shows the products listed in a grid. However, included when you install the marketpress plugin is a link to "products". What comes up appears to be a page or post, but with regard to WP ADMIN no product or page is shown. The editable page I see from marketpress is "STORE" which gets installed when you install the plugin.
I confess I am still learning a lot about updating the style sheets so this may be a dumb question. I'm just not clear on how to change what appears when you click on the "Products" link to view a list of products. I would hope I don't have to create a separate products page and suppress the "Products" list that comes with the plugin because it already has all the code linking it to the ecommerce functionality.
Does that make sense? We have a lot of products to display and I don't like the default way of showing them in a long list, 1 per row. I am using the Picture Perfect WordPress Theme and can't change it (i.e. to Frame Market) due to other design requirements.
Thanks for your help,
Susan
Member (joined July 2010) Likes (0)
Hi Susan,
To alter the PRODUCTS page you will have to create a template for it called mp_productlist.php in your theme root folder. See the Themeing_MarketPress.txt included in the download for all template file names.
You can then use: <?php echo do_shortcode('[mp_product_grid order_by="price" order="DESC"]'); ?>
NOTE: You cannot paginate shortcodes. See below.
I am now going down the route of creating templates over using shortcodes as you cannot paginate with the shortcodes even though the shortcode examples have pagination shown so ignore those. See: http://premium.wpmudev.org/forums/topic/pagination-explanation
There is no documentation on how to template MP that I know off so you are pretty much left in the dark. You can look at WPMUs marketpress theme specifically Framemarket / Gridmarket.
Shortcodes are fine to show say featured products on a page but fairly useless without pagination for large collections.
Paul
Member (joined August 2010) Likes (0)
Hi there, thanks for these will give them a go!
Member (joined January 2011) Likes (0)
Krap, I can't get it to work..
http://www.candle-scents-you-warm.com/buy/scentsy/style/candle-warmers-large
can someone help?
Member (joined September 2008) Likes (0)
Hi,
I've got the grid layout working nicely on a clients site... Is there any way I can use it for a page showing a list of Global Products?
Thanks
Justin
Member (joined April 2012) Likes (1)Liked by: 
Awesome Add-ons! Thanks.
Member (joined August 2011) Likes (1)Liked by: 
Just a quick FYI for people who love grid and are anal as I am about everything laying out perfectly...
Sweet nickd32 neglects to mention here (anywhere I noticed in any case) that you can use paragraph settings and breaks in product titles, as well as the html code for nada. While this makes things less than pretty on the back-end, it does make the products line up really well in grid!
Check this out. The products that line up perfectly, I did. The rest, the client did LOL. Anyway, even inline CSS works in product titles, and it can really make an incredibly eloquent display. Grid rocks!
DEV Diva (joined February 2012) Likes (0)
@camparoo
Nicely done and thank you for sharing here on the Community!
Gina
Member (joined March 2012) Likes (0)
@camparoo
That product layout does look nice, thanks for the suggestion!
Member (joined May 2012) Likes (0)
You saved my sanity. THANK YOU!!
Become a member