New to the community? Start here

How can I reorder items in the Marketpress Single Product Page loop?

On a single-product page, I would like my mp_product_meta div to appear right after the hmedia div.

Right now, the mp_product_meta div is all the way at the bottom of the page content. I would like it to be at the top so that eager buyers don’t have to search for an Add To Cart button.

I don’t know how to do custom theme templates and I don’t have time to learn right now.

Here’s the page I’m working on at the moment:

http://touchthefuture.nel.ms/store/products/readerboard-large-print-computer-keyboard-with-matching-mouse/

Thanks a million to whoever can help me,

-Danny Nelson

Wed, 23 Jul 2014 18:52:48
  • Vaughan
    • Ex Staff

    Hi @danny_nelson,

    you need to create a custom product page.

    A simple one would be to

    Create a file called mp_product.php

    Place it in your current theme folder.

    Then add the following code to it.

    <?php // custom template for product single view
    
get_header();
    
?>
    
<div id="content">
    
<h1 class="post-title"><?php the_title(); ?></h1>
    
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
<div class="product-photo"><?php mp_product_image(true, 'single', null); ?></div>
    
<div class="product-details">
    
<div class="content-box">
    
<?php the_content(); ?>
    
</div>
    
<?php echo mp_product_meta(); ?>
    
</div>
    
<?php endwhile; else: ?>
    
<p><?php _e( 'Sorry, no posts matched your criteria.', 'marketpress' ) ?></p>
    
<?php endif; ?>
    
<?php comments_template( '', true ); ?>
    
</div>
    
<?php get_sidebar(); ?>
    
<?php get_footer() ?>

    You can move the product meta by moving the following line.

    <?php echo mp_product_meta(); ?>

    Hope this helps