Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 9, 2019 at 1:11 pm #1051812
    wpsonja

    Hi,
    I found a code snippet here in the forum to add quantity fields on the WooCommere shop pages. This is the link:
    https://kriesi.at/support/topic/add-a-quantity-field-to-woocommerce-products/#post-1008227

    It works when the customer uses + or – to adjust quanitity. But when the customer wants to add a larger amount, it doesn’t work properly. For example when the customer wants to mark the number to enter a new one, an url appears in the field. Do you have a suggestion, how I could fix the problem?

    AND
    How can I change the positioning of the quantity field with CSS?

    It’s a B2B-Shop. You have to use the login credentials in the private content to see the quanity fields on the shop pages.

    Best regards,
    Sonja

    January 12, 2019 at 1:39 pm #1053056
    Victoria

    Hey Sonja,

    Best regards,
    Victoria

    January 14, 2019 at 11:47 am #1053614
    wpsonja

    Hey Victoria,
    I made two small screencasts to explain the problem.
    On a product overview page, I can click in the quantity field, delete “1” with the “<-” and enter perhaps “100”. But when I want to MARK the “1”, an url appears. (Screencast 1)

    On the homepage there is part with best selling products. When I want to click here in the quantity field, immediately the url appears. (Screencast 2)

    I hope you have an idea to solve the problem. Do you also have a suggestion how to change the position of the quanitity field to make it look better (centered in the product field)?

    Best regards,
    Sonja

    January 17, 2019 at 4:43 am #1054843
    Ismael

    Hi,

    Around 10 seconds on the video, it looks like you’re dragging the product container towards the quantity field. You’re actually dragging the url of that product inside the input field. It’s a browser feature. You won’t be able to do that unless you drag the product container or the product title, which contains the product url, inside the field.

    Best regards,
    Ismael

    January 17, 2019 at 11:49 am #1054944
    wpsonja

    Hi Ismael,
    I don*t want to drag something, I just want do select the number “1” with the mouse.
    But you are right. When I use safari instead of firefox, everything works.

    Is it possible to change the position of the quanitity field into the “avia_cart_button”? And then center ist like the cart-button and the more-details-button?

    Best regards,
    Sonja

    January 21, 2019 at 6:22 am #1056435
    Ismael

    Hi,

    Could you give us a screenshot of the layout that you have in mind? You can use imgur or dropbox.

    Best regards,
    Ismael

    January 21, 2019 at 10:58 am #1056522
    wpsonja

    Hi Ismael,

    in private content you’ll find the imgur link.

    Best regards,
    Sonja

    January 22, 2019 at 5:25 am #1057024
    Ismael

    Hi,

    Thanks for the info. You can start with this css code:

    #top .inner_product_header {
    min-height: 0;
    border-bottom: 1px solid gray;
}

#top .avia_cart_buttons {
    border-top: 0;
}

#top .quantity {
    text-align: center;
    margin-top: 17px;
}

    Best regards,
    Ismael

    January 22, 2019 at 11:10 am #1057142
    wpsonja

    Hi Ismael,
    thanks a lot! That’s it. You can close this thread now.

    Best regards, Sonja

    January 23, 2019 at 5:30 am #1057572
    Rikard

    Hi Sonja,

    Great, I’m glad Ismael could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Quantity Field on WooCommerce Shop Pages’ is closed to new replies.