Public Ticket #2165042
Product display - each category on its own page


  • Isabel Lambourne started the conversation

    Hi, I'm trying to have each product category on its own page so that I can add a title as an image, as I am using a special font. At the moment I have only 2 product categories 'Paintings' and 'Other' however I will be adding more categories.

    I can add them using the Gutenberg elements, adding them as Woo Commerce Products by category. however, the formatting doesn't take on the Weta theme - test page 2 https://isabel-lambourne.co.uk/test-page-2 

    I can also do them in weta so that you have to select by category when you arrive at the page as on test page 3 https://isabel-lambourne.co.uk/https-isabel-lambourne-co-uk-front-shop-product-category-paintingsopens-in-a-new-tab 

    There may be the option to show 'On Sale Products' or 'New Products' on a separate page, without the viewer needing to select the category, however, is it possible to customise these option and add more. I will probably have 5 categories eventually or more. I won't need 'On Sale' Products but I would like to add 'Sculptures', 'Wearable Art' and some other categories.

    Weta seems to allow me to include items from categories on a separate page but these are blog categories. What I need is to do this with Product categories.

    It is possible for me to put a link to only Products of one category like https://isabel-lambourne.co.uk/product-category/paintings however, this is not a new page, so I can't add the header image at the top - just for  that category.

    I'm grateful for any advice. I am trying to understand what is possible within the theme.

    Best regards


  •  955
    Marc replied

    Hi Isabel,

    thank you for mentioning the issue with the WooCommerce blocks. We'll look into it and try to add the Weta typical styling for those.

    Unfortunately you're by default not able to add custom content to archive pages (blog or product category pages, tag pages and so on).

    Maybe there are plugins available to support this but you'll need to add the styling using additional CSS code. Most browsers provide a tool to inspect the used CSS code of elements. Simply right click on an element and select "Inspect Element", "Element Information" or else and the tool will open. It shows the used CSS and how to address the elements in custom code.