Support Volgende » CSS / opmaak vragen Volgende » Uitlijnen producten Woocommerce

  • Wie weet dé oplossing om binnen Woocommerce zowel het product, de prijs en de link “in winkelwagen” exact op dezelfde hoogte staan daar ze nu door verschil in product hierin verschillen en dat ziet gewoon niet uit.

    Diverse artikelen gelezen en geprobeerd maar of ik doe het fout of de informatie is achterhaald.

    Blij met alle hulp

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Dag Maurice, dit kun je vaak het beste doen door een min-height (CSS) op te geven voor bepaalde delen van je site onderdelen.

    Probeer deze CSS eens toe te voegen aan je style.css of via ‘Customizer’ > ‘Extra CSS’:

    .woocommerce-loop-product__title { min-height: 130px; }

    Hoi Ruurd,

    Dank je voor je antwoord.

    Na wat omzwervingen op het net kwam ik het volgende tegen en heb dat middels Extra CSS ingevoegd en dat werkt prima moet ik zeggen:
    a.added_to_cart.wc-forward {
    position: absolute;
    display: block;
    bottom: 10px;
    }

    a.button.add_to_cart_button,
    a.button.product_type_simple {
    bottom: 30px;
    position: absolute;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
    min-height: 295px !important;
    margin-bottom: 70px;
    }

    a.button.add_to_cart_button,
    a.button.product_type_simple {
    bottom: -50px;
    position: absolute;

    Ik ga jouw suggestie ook eens proberen omdat dat toch iets simpeler is (ook om te onthouden)

    Met vriendelijke groet,

    Maurice

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)