Product Page Display Issues, variation pricing layout and gallery navigation investigation

This topic has 5 replies, 2 voices, and was last updated 1 day, 9 hours ago ago by Jack Richardson

  • Avatar: Chad
    Mark
    Participant
    September 3, 2026 at 19:27

    God day, 8theme Support

    I hope you’re doing well.

    We’re experiencing several display issues on our WooCommerce product pages using the XStore theme, and we’d appreciate your help. First, the product price range under the description used to show the lowest and highest price side by side on a single line. Now, the was price appears above the now price, taking up two lines and creating extra spacing. We’d like that back on one line.

    Secondly, after selecting a variation like colour or size, the was and now price used to render directly beneath the attribute selectors, but now it stays at the top of the product page, forcing customers to scroll back up. We would like that restored beneath the selectors.

    Thirdly, the product gallery navigation arrows used to be clearly visible inside a circular button with a white glow background. Now they only appear on mouse hover, which makes them hard to find. We’d like them always visible as before.

    Could you please investigate whether these are related to recent XStore changes, compatibility or a plugin conflict? If it’s on the theme side, we’d greatly appreciate your help in restoring the previous behavior.

    Please see screenshot below with comments attached for your reference.

    Your assistance and response will be appreciated.

    Kind regards, Mark

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    4 Answers
    Avatar: Chad
    Mark
    Participant
    September 3, 2026 at 22:56

    Good day, 8theme

    Please find a perfect screenshot example attached for reference purposes.

    Kind regards, Mark

    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 4, 2026 at 06:35

    Hello @Mark,

    The price displayed under the product title is shown because the “Price widget” is included in your Single Product Template. This price is displayed for all products.

    The price shown below the variation selector, on the other hand, is displayed specifically for variable products and reflects the price of the selected variation. Therefore, this is not a bug or issue with the theme.

    If you would like to hide the price range displayed under the product title for variable products, you can use the following custom CSS:

    .product-type-variable .et_product-block > .price:has(.amount ~ .amount) {
        display: none;
    }

    If you would like the sale price to be displayed inline next to the regular price, you can use:

    .et_product-block > .price ins,
    .woocommerce-variation-price > .price ins {
        display: inline-block;
    }

    Please also note that the issue with the price occupying the full width is caused by custom CSS snippets added to your website, as shown here: https://gyazo.com/170ea45337a71ac203342bf23d4e04c9.

    2. Regarding the WooCommerce code

    When the same price applies to all variations, WooCommerce displays the price once above the variation form, directly below the product title. It is not displayed again inside the variation form.

    This behavior is controlled by WooCommerce’s default functionality and is not related to the theme settings.

    3. Making the slider arrows always visible

    If you would like the slider arrows to remain static and always visible, you can use the following custom CSS:

    .swiper-entry .swiper-control-top .swiper-custom-left,
    .swiper-entry .swiper-control-top .swiper-custom-right {
        opacity: 1 !important;
        visibility: visible !important;
        background: #fff !important;
        border-radius: 50%;
    }

    Custom CSS: https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    Best regards,
    Jack Richardson
    The 8theme’s team

    Avatar: Chad
    Mark
    Participant
    September 6, 2026 at 20:33

    Good day, Jack

    Thank you for your response and for the thorough investigation and recommendations you’ve shared. I genuinely appreciate the clarity and care in your reply.

    Kind regards, Mark

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 7, 2026 at 09:11

    Hello @Mark,

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Kind regards, Jack Richardson
    The 8theme’s team

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

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

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