Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #882435
Nested Category in Shop-Page
Closed

Comments

  •  2
    Pat started the conversation
    September 6, 2016 at 8:38am

    Hi

    Please klick http://www.woerterseh.ch/. I'd like to apply similar nested subtitels (years only) in http://0001qa.web.ezbase.net/buecher/ using attributes. How can I do it?

    Thanks for help

  • [deleted] replied
    September 6, 2016 at 6:37pm

    Hi Pat,

    In order to create custom shop page, you should create new Page, and start adding shop elements using Visual Composer > Products widget developed by us.

    Here is a video example that shows you how to create this structure of categorized products:

    http://drops.laborator.co/ArAK

    Hopefully this will help you.

  •  2
    Pat replied
    September 7, 2016 at 4:44pm

    It helped me a lot, thank you Arlind.

    Now I have these little problems:

    1. On the original shop page (aurum bookstore) prices are displayed only on hover with red background. I'd like the same here: http://0001qa.web.ezbase.net/buecher/ How can I do it?
    2. I'd like to add a filter widget (Filter by Author) under the current category widget. I have it in the shop page, but it doesn't show on this page.
    3. I'd like to have both widgets (Categories and filter by Author) sticky on this page (remains on same place when scrolling down).
    4. Please have a look at the title "Vorschau auf unser Programm" (2nd title). Under this title I'd like to show upcoming products. How can I build this query?

    Thanks for your help.

    Pat

  • [deleted] replied
    September 8, 2016 at 12:45pm

    Hi Pat,

    Great to hear that you have managed to sort this out. Here are my answers for your other questions:

    1. Yes, this can be achieved with this Custom CSS:

    .woocommerce .shop-item .item-info .price {
        opacity: 0 !important;
        transition: all 0.3s;
        display: inline-block !important;
        background: #d22a30;
        color: #FFF;
        padding: 5px;
        font-size: 14px !important;
    }

    .woocommerce .shop-item:hover .item-info .price {
        opacity: 1 !important;
    }
    To apply Custom CSS, on WP admin panel menu click Custom CSS link (as shown here).

    2. Actually WooCommerce allows these widgets to appear only in their Shop page. Even if that was present there, it won't take effect as you have manually inserted product lists. One possible way is to create a sidebar with "Filter by author" and list authors there with their link that will head user to filtered items page.

    3. The sidebar is not sticky, it requires code customization to achieve that.

    4. This is only possible in single product page with "Up sells" product feature by WooCommerce. See how we add upsells products:


    (view large version)

    Have a great day