WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
Moving the product price flag (3 posts)

  1. cheltenhammedia
    Member
    Posted 1 year ago #

    I have been trying to move the price tag from the shop listing products page. The price for each product is currently at the top righthand side of each product but I need to move this to below the thumbnail image but above the product title and Add-to-cart button.

    I have looked at Hooks but this has had no effect. Can anyone shed any light on this?

    http://wordpress.org/extend/plugins/woocommerce/

  2. cheltenhammedia
    Member
    Posted 1 year ago #

    Further to last post it appears that this is a Wootique issue and not WooCommerce. Anyone know how to move the price on Wootique?

  3. bigfootbathbar
    Member
    Posted 9 months ago #

    I know this post is old but since I've only been on wordpress a few days and have a solution I figured I'd post for anyone else looking for this information.

    To move the price tag you will first need to copy the style.css into the custom.css file.

    In your custom.css file find section /* 2.4.1 Product Gallery */. You will then need to find these lines of code:

    ul.products li .price {
    	position: absolute;
    	top:183px;
    	right:60px;

    You can change the number next to the top tag (in this example it is 183) to change where the price tag is located. The higher the number the further down it will move. You can also change the number next to the right tag (60 in this example), this will move the price tag left/right. The higher the number the further right it will move.

    I found that moving the price tag is fine except that the title of the product and add to cart button do not move in relation to it.

    To move the product's title and the add to cart button go to the /* 2.4.1 Product Gallery */ section in your custom.css file.

    Find these lines of code:
    ul.products li a h3 { font-size:.8em; display: block; padding-top:30px; }

    Adjust the number next to the top tag, in this example it is 30. The higher the number the further down the product title/add to cart button will move.

    If you have any more questions or need further clarification post back and I'll try to respond!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic