Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #402812

    Hi

    I´m looking for a small shop solution with the plugin “woocommerce germanized”.
    For a other website I found a solution with your help. (https://kriesi.at/support/topic/woocommerce-germanized/)

    At the new website there are more css-bugs with the tax-info, shipping-costs-info and the price.price-unit.

    With try&error (I´m not a coder) I found the follow solution:

    /* product archiv category – richtige Darstellung der MwSt, Versandkosten, Einheitspreis bei WC germanized */

    .tax-info {
    padding-left: 15px !important;
    }

    .shipping-costs-info {
    padding-left: 15px !important;
    margin-top: -5px !important;
    }

    .price.price-unit.smaller {
    display: none !important;
    }

    /* single product page – richtige Darstellung MwSt., Versandkosten, Preis und Einheitspreis bei WC germanized */

    body#top.single.single-product .tax-info {
    padding-left: 0px !important;
    }

    body#top.single.single-product .price.price-unit.smaller {
    display:inline-flex !important ;
    }

    body#top.single.single-product .unit {
    margin-left: 0px !important;
    }

    It looks good but I like some little more changes with your help please:
    I didn´t found a solution for this “bugs”.

    1. The font-size from the price.price-unit should be a little bit smaller and not bold, maybe 9px.
    2. The price.price-unit should displayed as follow: (26€/1kg)
    3. The price.price-unit should not displayed at the cross-selling products on footer from the single product page.
    4. The tax-info at the cross-selling product on footer from the single product page should be an the right place (padding-left: 15px).

    Thank you very much for your help upfront.

    cheers

    Dieter

    #403552

    Hi fotos4friends!

    1. Add this to your custom CSS.

    .price > span { font-size: 11px !important; font-weight: 400 !important; }
    

    2. Hmm, I would try contacting the plugin authors about that one. It looks like you will have to do some PHP editing.

    3. Add this.

    .related .price {
      height: 0 !important;
      visibility: hidden !important;
    }

    4. Add this.

    .related .tax-info {
      float: right;
      margin-right: 10px;
    }

    Best regards,
    Elliott

    #403693

    Thanks Elliot… it works fine

    best regards

    Dieter

    #404238

    Hey!

    Great, glad we could help :)

    Cheers!
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.