Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #11257

    Hi

    I need to get this page http://www.headphonehub.co.uk/product-category/brands/soundmagic-brands/

    looking more like this http://www.headphonehub.ie/wp-content/uploads/2012/04/vdrfb.jpg

    1. Full border around product

    2. In stock showing

    3. HTML review showing

    4. Static more info button linked to product page

    any ideas? thanks!

    #71160

    Hi headphonehub,

    The product page requires a login to view so I’m not sure what you’ve already started.

    1. You can add a border by adding the following css to your Quick CSS or custom.css:

    .product .thumbnail_container {
    border: solid 1px #333;
    }

    If you want the border around the entire product, just remove the .thumnail_container class from the above.

    2. I’m not sure where to start on this one. You would need to modify the output of the Woo Commerce product loop and then create some new css to handle the additional information.

    3. Same thing as number 2. I’m not as intimately familiar with the WooCommerce for doing additional modifications like that.

    4. The best I can do is provide the css to have the Show Details button always showing and move down on the product image:

    #top .thumbnail_container .button {
    top: 80% !important;
    opacity: 1 !important;
    }

    Good luck! That is quite a modification on the WooCommerce output, so I would also suggest reading over their documentation for more information on how the various hooks and output is created.

    Regards,

    Devin

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Product Listing Page Customisation’ is closed to new replies.