Help with product builder/view – elements alignment and size

This topic has 2 replies, 2 voices, and was last updated 2 years, 12 months ago ago by Olga Barlow

  • Avatar: Namaste
    Namaste
    Participant
    November 24, 2021 at 13:55

    Hi,

    I need your advice. On the product page I want to display the following:
    Breadcrumbs
    Product title
    Price
    availability
    variation
    add to cart button
    buy now button
    brand
    socials
    For variable products I have chaotic view with proce showing up twice.
    Can you tell me how to:
    1 – show price just once
    2 – is it possible to for example place socials and brand in one line, or price and add to cart button in one line.
    3 – how to display available variants as buttons/boves instead of the dropdown?

    Any advice how to make it look better is welcome. I also like buy now button but I don’t see and option to format it – now it is stretched at all times.

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 26, 2021 at 12:02

    Hello,

    1) WooCommerce displays the price for the variable products in 2 places by default especially if you have a different price for the different variations: at the top of the variation form it displays the price range and the final price of the variation once you chose that. Unfortunately, WooCommerce does not have the option to hide the first price. So, if you want to implement that it requires additional customization.
    2) Provide us with WP Dashboard access and link to your variable product and we’ll check if we could help you with minor CSS customization to implement that.
    3) Use variation swatches option https://youtu.be/LgzC4iK-j6A

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.