Okay
  Public Ticket #1313977
Questions about sidebar and menu
Closed

Comments

  •  4
    kerlinomm started the conversation

    Thank you for an awesome theme. I am working on my shop made with Kalium theme and have few questions.

    1. How can I add sidebar like here (https://demo.kaliumtheme.com/fashion/shop/?shop-sidebar=right) to my shop page? Mine appears to be just empty: https://artifexliving.com/shop/home/

    2. Is it possible to customize the sidebar (color, background, font size etc.)?

    3. Is it possible to make the main menu SHOP page drop with multiple pages in columns something like here: https://www.anthropologie.com or https://gathre.com ?

    Looking forward to your answer!

  •  1,559
    Laborator replied

    Hi there,

    1. It can be because you haven't added widgets to the sidebar, to add sidebars you have to go to Appearance > Widgets and drag the widgets from the left side to the sidebar area of the shop. Read more about widgets here.

    2. Unfortunately with the current theme styling options that's not possible, but just tell us how you want it to be and we will help you on achieving that through custom CSS.

    3. I'm sorry but I didn't understand this question, can you please try to be very specific about the question and explain it more to us, in this way we can easily understand you and give you the proper answer

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    kerlinomm replied

    Thank you so much for the answer! 

    1. Done and working!

    2. I would like to change the border color and border line weight. Also try changing the background to different color too. If you could give me a starting point with the CSS then I can try and make the motifications myself.

    3. I was thinking something like on the attached picture. When I click SHOP on the menu, bigger menu appears. I read that it is possible to do this with UberMenu in one of your other themes. Is the same option possible here?  

  •  1,559
    Laborator replied

    2. Add the following CSS to the Custom CSS area:

    .shop-sidebar {
      background: red;
      border: 1px solid #eee;  
    }
    .shop-sidebar .woocommerce {
      background: transparent !important;
    }
    

    3. That's possible with UberMenu but Ubermenu is not supported by Kalium yet, we have this in our to-do list and soon we will include it in the feature list.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    kerlinomm replied

    2. Thanks for the CSS, it is working!

    Is it also possible to use CSS for moving the sidebar menu text more to the left? 

    How can I change the font size for sidebar widgets names like: 

    Product categories  or  Recently viewed products?

    3. Okay, thanks! I will think about buying the UberMenu tools from EnvatoMarket then. 

  •  1,559
    Laborator replied

    Hi again.

    2. The link you have added for the shop is not working anymore, it is redirecting us to the homepage, we suggest checking our documentation page and see the options of Typography section in our theme.

    3. Even if you buy it, it's not supported by  the theme as mentioned in my previous reply. You can have issues with it, so until we support this plugin it's not recommended to install it.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    kerlinomm replied

    Hi! I am very sorry, must have changed the names of pages.

    1. Here is the working link for page with products and sidebar: https://artifexliving.com/shop/storage/

    The questions remains the same: is it also possible to use CSS for moving the sidebar menu text more to the left? How can I change the font size for sidebar widgets names like: Product categories  or  Recently viewed products?

    2. Okay! Thank you :)

  •  1,559
    Laborator replied

    Hi again,

    In the CSS I gave you in the previous replies, simply add a new line so it should be like this now:

    .shop-sidebar {
      padding: 0px !important;
      background: red;
      border: 1px solid #eee;  
    }
    

    Regarding the font size, I included a link in the last reply so you can check it again to see how font sizes can be changed through Typography.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    kerlinomm replied

    Hi! 

    Thanks, I managed to make the changes.

    One last thing (hopefully) appeared. When I click on one of the categories from the sidebar this result happens : https://artifexliving.com/product-category/storage/baskets/  The sidebar on has moved down and products up. How can I change that to look the same as on the page here https://artifexliving.com/shop/storage/.

  •  1,559
    Laborator replied

    Hi kerlinomm,

    Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   kerlinomm replied privately
  •  1,559
    Laborator replied

    Hi there,

    I've added the following CSS to Custom CSS to fix this:

    .shop-container.sidebar-is-present>.col-md-9.pull-right-md {
      float: left !important;
    }

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    kerlinomm replied

    Hey! Thank you very much. 

    Can I customize the sidebar (like add or remove widgets)? 

    Can move it also to left side of the page? 

  •  1,559
    Laborator replied

    Hi there,

    Since it's a widget then yes you can add and remove widgets, I've removed the CSS so now it is on the left side.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    kerlinomm replied

    Sorry, I must be stupid, but the sidebar situation is back. 

    Look here: https://artifexliving.com/product-category/storage/baskets/ 


    About the customizing thing. When I go to widgets, I can only customize the sidebar I add manually to the page. This one that opens when any of the catagories is selected from the sidebar, I can't change in the widgets area. 

    Screen shot of my widget area attached. 

    Do you understand my problem? 

  •  1,559
    Laborator replied

    Hi there,

    Can you check it now if it is alright?

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    kerlinomm replied

    No, it's still the same. 
    Now the default sorting button has moved to the left. 

    Seee here: https://artifexliving.com/product-category/storage/

  •  1,559
    Laborator replied

    Hi there,

    I have set it to the right side as it was by default, there is no option at the moment to align it on the left side.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    kerlinomm replied

    Okay, thank you. 

    Is there any way of customizing this exact sidebar? 

    As I've said before, it can't be done in the widgets area.

  •  4
    kerlinomm replied

    I was looking through the Kalium Theme Shop demo and found this: https://demo.kaliumtheme.com/fashion/shop/?shop-sidebar=left 

    As I see, there must be an option for having the sidebar on the left side. 

    About the sidebar customizing, I figured it out myself. I can use CSS (display: none) for those things I don't want to see on the sidebar. 

  •  1,559
    Laborator replied

    Hi kerlinomm,

    I just re-updated your theme and then i set the Sidebar to be on the Left side, as you can see everything is working as it should again:


    (view on new page)

    I don't know exactly why this strange problem happened but maybe there was a modification in one of the theme files.

    Have a great day!

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    kerlinomm replied

    Thank you so much! 

    Issue solved :) 

  •  1,559
    Laborator replied

    You're welcome

    Have a great  day.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group