Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #432736

    Hey guys,

    I like to arrange the elements of that add-to-cart form here
    http://www.web101.dehamd032.servertools24.de/HOME/?product=kranhaus-1-koln&attribute_format=90x60cm&attribute_druckart=Leinwand

    What I want to have is the ability to influence position and format of
    a) price
    b) pieces -1+
    c) add-to-cart button
    within the form area.

    Lets say for example
    VARIATIONS
    Format
    Druckart

    pieces (left) price (right)
    ADD-TO-CART (center)

    or

    pieces (left)
    ADD-TO-CART (right, vertical-center)
    price (left)

    How do I talk to this elements?

    Thanks for your support.

    Best Stephan

    #433329

    Hey handelsmann!

    Thank you for using our theme.

    Out of the box this is not possible. As the elements are placed inside a table using CSS won’t help you.

    You find the php code for this in woocommerce\templates\single-product\add-to-cart\variable.php

    There you can make your changes.

    Regards,
    Günter

    #433429

    Hey Günter,

    thanks for the quick response and lending a hand with the link.

    I will check the options inside the table

    Best Stephan

    #433700

    Hey Günter,
    this seems a little bit advanced, as I cannot find that arrangement in the variable.php.
    Have the distances something to do with the actions in this file?
    What I want to have is something like this:
    http://www.web101.dehamd032.servertools24.de/HOME/wp-content/uploads/2015/04/schuform.png
    I wonder why the order button is that far at the bottom :-)
    Any suggestions?
    Thank you

    #435214

    Hi!

    hm … I just tried something with CSS code and I think it works. Try this in Quick CSS:

    span.amount {
    margin-left: 310px;
    padding-top: 20px;
    position: absolute;
    font-size: 30px !important;
    }
    

    and adjust as needed.

    Best regards,
    Andy

    #435276

    Hey Andy,
    thank you so much. That works great for the price. I just wondered how I get the label FORMAT and DRUCKART aligned LEFT and how I adjust the counting part – 1 + as well aligned LEFT.

    For the labels I used
    #top .variations .label label
    {font-size: 20px; font-family: OSWALD; color: #000000; text-align: left !important; text-transform: uppercase;}
    but no chance of alignment :-)

    Best Stephan

    #435302

    And the worst part is – it influences the amount also in the product details not only in the cart – you can see it here:
    http://www.web101.dehamd032.servertools24.de/HOME/?page_id=155

    #435309

    Also in the cart overview – all prices are out of the fields – – that looks very bad !!!

    #436796

    Hey!

    Add this to align them left.

    td.label {
      text-align: left;
    }

    I’m not sure what you mean by the other request. Take a screenshot and highlight what your trying to do so we can get a better idea.

    Regards,
    Elliott

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.