Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 22, 2015 at 1:14 pm #432736
    handelsmann

    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

    April 23, 2015 at 10:05 am #433329
    Günter

    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

    April 23, 2015 at 1:07 pm #433429
    handelsmann

    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

    April 23, 2015 at 7:05 pm #433700
    handelsmann

    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

    April 27, 2015 at 1:32 pm #435214
    Andy

    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

    April 27, 2015 at 2:40 pm #435276
    handelsmann

    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

    April 27, 2015 at 3:07 pm #435302
    handelsmann

    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

    April 27, 2015 at 3:25 pm #435309
    handelsmann

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

    April 29, 2015 at 4:19 pm #436796
    Elliott

    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

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