WordPress.org

Forums

Grid on the products page? (11 posts)

  1. forestandfin
    Member
    Posted 4 years ago #

    Can I change the list format to a grid format on the Products page using the lite version? If so, what is the shortcode?

    Thanks!

  2. forestandfin
    Member
    Posted 4 years ago #

    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:
    http://www.forestandfin.com/shop/

    Any advice is appreciated!

  3. rebelin
    Member
    Posted 4 years ago #

    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?

  4. forestandfin
    Member
    Posted 4 years ago #

    I used the Marketpress Grid Layout Shortcode Plugin (you can download it here: http://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.

  5. acreativepage
    Member
    Posted 4 years ago #

    Can I get the modified css?

    Thank you!

  6. forestandfin
    Member
    Posted 4 years ago #

    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!

  7. evan.salles
    Member
    Posted 3 years ago #

    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
    http://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

  8. amberrenee
    Member
    Posted 3 years ago #

    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!

  9. DavidM
    Member
    Posted 3 years ago #

    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

  10. rachelngan
    Member
    Posted 3 years ago #

    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!!!

  11. rebekahsbeautyboutique
    Member
    Posted 3 years ago #

    http://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!!!

Topic Closed

This topic has been closed to new replies.

About this Topic