Tagged: product category Toggle Comment Threads | Keyboard Shortcuts

  • pyo 6:44 am on December 13, 2016 Permalink | Flag unresolved

      Tags: , product category   

      [Hawea] Product Categories section; adding amount of product category 

      I am customizing Hawea theme > product category section now. But I checked that you set only 5 categories li child. like this:

      #front-cats ul.products li.product-category:nth-child(1)
      #front-cats ul.products li.product-category:nth-child(2)
      #front-cats ul.products li.product-category:nth-child(3)
      #front-cats ul.products li.product-category:nth-child(4)
      #front-cats ul.products li.product-category:nth-child(5)

      So when I add one more category menu here: http://yves.kr/ it’s not stylized yet. I would like to make #front-cats ul.products li.product-category:nth-child(6) and more and also change styles.

      Do you know where can I change and make them? I would like to know as soon as possible..

      Many thanks!

      • Marc (Support-Team) 1:26 pm on December 14, 2016 Permalink | Log in to Reply

        Hi Pyo,

        you’d need to adjust the inc/sections.php theme file in order to display more than five categories. Furthermore you need to add custom CSS code in order to style the additional categories. I strongly recommend using a child theme for such theme adjustments in order to prevent losing your changes while applying a theme update. A prepared child theme folder is linked in the Hawea documentation.

        Please understand that we cannot provide help for individual customizations in the forum.


    • Brett@iamthelab 1:54 pm on July 13, 2016 Permalink | Flag unresolved

        Tags: , , product category   

        Equal Sized Front Page Product Category Images 

        Hello –

        How do I adjust the Hawea theme so that the front page category section appears as a grid with images of equal size?


        • Marc (Support-Team) 9:23 am on July 14, 2016 Permalink | Log in to Reply

          Hi Brett,

          you can try the following additional CSS code:

          @media screen and (min-width: 767px) {
          	#front-cats ul.products li.product-category {
          		width: 50% !important;

          You can try smaller values as well, the masonry JavaScript should align the images accordingly.


          • malvarez 1:51 pm on July 27, 2016 Permalink | Log in to Reply

            Hello, I am also interested in this question, I would like to have a grid of maximum 3 images displaying in width , how do I control this ? with the image size ? is min-width the image size ?
            thank you !

      • Pini Piru 1:30 pm on April 26, 2016 Permalink | Flag unresolved

          Tags: , , product category, ,   

          Hawea product category image 

          Hi there,

          I have a problem with the category images in my shop.
          Marc wrote: In case your subcategories images are displayed above the products, you probably changed the setting of this category. You can edit the category and change the “Display Type” to only display products and hide the subcategories.
          I’ve tried that but it doesn’t work.
          Under category’s screen options I’ve removed the tick in the image box, nothing changed..
          How can I solve this problem? Anybody knows?

          Here is the link to the problem: http://pinipiru.com/shop/

          Thank you!


        compose new post
        next post/next comment
        previous post/previous comment
        show/hide comments
        go to top
        go to login
        show/hide help
        shift + esc