• Resolved Alp

    (@yyusufalp)


    Hello. After the 2.0.0 update, the location of the “number of products in stock” section on the single product page has changed. It used to have a divider between it and the “add to cart” button. But now it’s in the same div as the “add to cart” button. Can you check with this issue please? Because the old version was better in terms of user experience and looked better. Thank you. Enjoy your work. Kind regards.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Eduard

    (@cteduard)

    Hi @yyusufalp

    I’m sorry to hear that our migration process did not work correctly for product elements, but fear not – it should be a simple fix.

    With the 2.0 update we have introduced layers for each piece of information, with divider layers that can be multiplied and arranged in any way you may want.

    To get to these options, please go to the Customiser -> Single Product -> Product Elements and check out the available options – https://ibb.co/mTfsGH9. You should be able to multiply that divider and play around with its positioning, getting the perfect layout.

    Hope this helps!

    Thanks.

    Thread Starter Alp

    (@yyusufalp)

    Thank you for your answer Eduard. I checked the product elements section, but the problem is still not solved. Because the “number of products in stock” element is in the “Add to cart” div. Therefore, a divider cannot be added between them. There is an example of the situation I mentioned in the link below. Before v2.0.0, “number of products in stock” was in the area marked with an arrow. After the update merged with the “Add to cart” button.

    https://drive.google.com/file/d/10cS7uFVmWpExaxoNEKS7gMoChJW_Gdto/view?usp=share_link

    Eduard

    (@cteduard)

    Hi @yyusufalp

    Ah, I understand better now. Indeed, some of these actions have been linked together, to make sure we are in line with the Woo developer guidelines.

    However, this can be changed with a bit of CSS. Something like this –

    p.stock {
        border-bottom: 1px solid var(--theme-border-color);
        padding-bottom: 35px;
    }

    Let me know if this works for you.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘The Location of the “Quantity of Products in Stock”’ is closed to new replies.