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


    I need to get this page

    looking more like this

    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!


    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.



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

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