Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

Client has had me making tweaks to WooCommerce, most solutions through CSS. This one, despite being simple, has had me stumped.

For each result that is returned on shop page client wants me to add a button next to "Add to Cart" that links to the product page (instead of just having clicking on the picture link to product page.)

Any suggestions on CSS as well as which CSS files to edit?

share|improve this question

closed as off-topic by helgatheviking, toscho Feb 9 at 11:42

This question appears to be off-topic. The users who voted to close gave this specific reason:

If this question can be reworded to fit the rules in the help center, please edit the question.

add comment

1 Answer 1

You need to go beyond CSS to do this. It requires hooking into the loop template like so:

add_action( 'woocommerce_after_shop_loop_item', 'my_112757_add_product_link', 11 );

function my_112757_add_product_link() {
     global $product;

     echo '<a href="' . esc_url( get_permalink( $product->id ) ) . '">More Detail</a>';
}

Put the above code in your theme's functions.php file. You can also add a class to the anchor tag to custom style the link the way you want.

share|improve this answer
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.