WordPress.org

Ready to get started?Download WordPress

Forums

FYI - How to make a catalogue grid for products using WordPress as a CMS (7 posts)

  1. kulpreetsingh
    Member
    Posted 7 years ago #

    Step 1) Each of your products will be entered as a post in your WordPress site. Organize the products into their categories.

    Step 2) You can upload the image of each product with the post. The text of the post should be the product's description, the title should be the name of the product. In custom fields you can also add price, size, weight, etc.

    Step 3) Upload and activate the post_image plugin

    Step 4) Use the code below on the template of your category page (in yourdomain.com/wp-content/themes/yourtheme/category.php).

    In the "content" div of your category page, you can display a grid of your products with the post_image (image of the product), and custom fields like the price.

    When people visit your site, you can show them your categories as a menu, each of which will lead to its own category page, which will have a grid of products (posts you made) with their images. These product images would link to individual product pages which you would set up using the single.php template. You would further set up the single templates with a shopping cart system / script.

    <?php if (have_posts()) : the_post(); ?>
    
     <ul style="list-style-type: none; width: 100%; ">
       <?php
    $posts = get_posts('numberposts=6&offset=0');
    foreach($posts as $post) :
    setup_postdata($post);
    ?>
      <li style="float: left; margin: 10px; padding: 5px; width: 23%; border: 1px solid #eeeeee;">
    
    use the post_image or any other function here to
    call data from the post or the custom information  
    
    <?php endforeach;
    
     ?>
        <?php
     else: ?>
    
     <?php endif; ?>

    Please let me know if this works for you :)

  2. alexguzun
    Member
    Posted 7 years ago #

    Got some time to test it, but can't get post_image working, i can't even see it in Plugin Management (WP Admin panel) to activate it :(

    WP 2.1.1 and 2.2 - the same

  3. alexguzun
    Member
    Posted 7 years ago #

    Sorry for double post :(

  4. longtex
    Member
    Posted 7 years ago #

    Is there an example site with this demonstrated?

  5. alexguzun
    Member
    Posted 7 years ago #

    or... how to recreate http://themes.wordpress.net/
    ?

  6. celiakyle
    Member
    Posted 6 years ago #

    Has anyone successfully used this? I tried using the code above and inserting the post_image code and for some reason, only one post pops up even though I've got 24 typed in place of the author's 6 Any help?

    Ce

  7. kulpreetsingh
    Member
    Posted 6 years ago #

    Hi everyone - sorry for not replying. You can see a sample of this on VeganDivine.us, a site I created last year for a client.

    There are actually a few other ways to do this too. I will try to post about them sometime. If anyone has any questions please feel free to e-mail me at my name at shaw.ca.

Topic Closed

This topic has been closed to new replies.

About this Topic