Okay
  Public Ticket #3495531
Some CSS bugs in WooCommerce pages
Closed

Comments

  •  15
    hahni started the conversation

    I'am wondering about your professionality while diving into clean-up my WooCommerce pages. By using English and short product titles most of the layouts working very good. On the way to german and french translation or using products with variations i came up to "give up" because a lot integration is very bad.

    The main decision some time ago for Kalium was your goal to integrate WooCommerce. Actually i see that there is a lot of potential for discussions with your CSS-Master. Allow me to be very very very very very disappointed......

    I will solve it by myself but the main problem would be "You deliver the version 4 and i could start new....?" 

    Sorry but i want to repeat my sentence: You need one person with a real use case to test the theme. Your theme examples are nice but only usable for landing pages. By diving in there is "a lot of air to the top"......

    It depends not really on my personal style sheet - that's my part, but if there is a real bug which i had to solve than it's not so funny. Make your job and the theme should cost 200 bucks that would be ok for me. But not doing silly css-bugs-faults.

    Only one screenshot for you - no time to write for each CSS-bug.

    Attached files:  Screenshot (448).png

  • [deleted] replied

    Hi Andre,

    The CSS that is written in the theme dates from 2015 and so, and I wrote that CSS back in those times where Flex layout was not possible and many other things were not possible so they were done with the existing techniques which I know they are not perfect. 

    Also the expertise was one of the factors of the code quality so if I judge now what I have done 7+ years ago I surely will be disappointed with myself as well.

    For the current style issues I'd help you to solve them and most of the time the Flexbox/Grid layout would solve these issues.

    I tried this CSS for WooCommerce notice on single page and I think it looks better than previously:

    @media (max-width: 576px) {
        .single-product .single-product--product-details .woocommerce-message a {
            float: none;
            margin: 0;
            top: 0;
            margin-bottom: 15px;
            text-align: center;
        }
    }

    Result:

    https://d.pr/v/CFbjPX

    I know you can manage to fix these issues and you are annoyed when you see these problems in this time, but please understand us because we are a small team that we are unable to look every aspect of the theme because Kalium grew too much in terms of project size. But one thing has not changed, we still give our best to make Kalium even better.