Few queries inc with quick view – sorry it’s mixed

This topic has 12 replies, 2 voices, and was last updated 2 months, 2 weeks ago ago by Luca Rossi

  • Avatar: Niddy
    Niddy
    Participant
    September 16, 2025 at 11:46

    Hi

    Just have a couple of questions regards quick view popup / swatch styling / checkbox and bits. 👍

    1. Quick view popup – Is it possible to make the price dynamic – at the top – so on a variable product where at the top of the popup it shows the price range ie £120 – £450 (inc VAT). Is it possible that this price changes to reflect what swatch you select so if I select one at £300, the price updates to show £300 at the top – as it saves an extra scroll on the pop-up.

    2. Also, on that note – the quick view popup itself – how do we make the right scroll bar (ie to scroll down the product on the popup) a different colour and thickness as it’s almost impossible to see it.

    3. The out of stock on swatches does not grey them out or work properly – certainly not in quick view or the product page. Is there something missing / I am doing wrong?

    4. In quick view, the Read More button is not visible yet in settings it is turned on.

    5. How can we style swatches ie hover / active / font family / size / out of stock (greyed out) etc for product page and quick view?

    5a. Additionally the clear button doesn’t sit flush when swatches go onto two rows – it drops onto its own new row. Can’t it be inline aligned right or above the swatches opposite the label in a span?

    6. Can you advise how we hide sku everywhere front end / customer wise – it’s only required in admin. Nothing else and it should never be visible to a customer?

    7. On checkout the terms box – can we force this to be checked, ie make it required in every situation as we need it to be required.

    Thinking, is it possible to create our own quick view override template in the child theme? Might be easier as right now it’s really not easy to design the elements or hide / show others. That might help with all the quick view queries. However product page itself isn’t greying out swatches either 🤷‍♂️

    Thanks – happy to provide admin access if it helps.

    Please, contact administrator
    for this information.
    11 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    September 16, 2025 at 17:52

    Private Content

    Please contact administrator
    for this information.
    Avatar: Niddy
    Niddy
    Participant
    September 17, 2025 at 10:19

    Hi

    Thanks for this – most things worked great so thanks.

    Regards point 4 (admin access) to check why there is no more info button on quick view product – please see private content.

    Also, couple of other points –

    1. can you please advise how we edit the menu items for the My Account menu pop-up as I am using a custom My Account page layout and renamed the pages ie from Addresses to Manage Address. However the list doesn’t update the menu – again, see private info for images regards this.

    2. The main search feature is not stylable so looks quite messy and seems to be different depending on the page you’re on – weirdly. See private for image explaining this issue.

    Thanks

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    September 17, 2025 at 14:03

    Dear @Niddy,

    We hope this message finds you well.

    Private Content

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Niddy
    Niddy
    Participant
    September 17, 2025 at 14:24

    Thank you. Back soon. ❤️

    Avatar: Niddy
    Niddy
    Participant
    September 17, 2025 at 14:54

    Hi

    Thanks for all this. I’ll test the function later. 👍

    Ok so back to the clear (attributes) button from post 1 – absolute doesn’t fix it. That just pushes it off screen. The label itself is in a th so I’m talking adding it opposite the label so like at the right of it?

    Is it possible therefore to align the Clear button at the right of the attribute label? On my site you’ll see it only uses one attribute called Size so opposite that – have the clear button.

    I can build the function if you can’t but I just need to target it properly if you can help. As all my attempts failed due to the way it’s hooked in via < p >

    See private for my php / js hook to see if that will work or not?

    Quick view issue -> Apologies, we only need short description which is echoing fine so that answers the quick view button query. I presumed it was a link to the product – not just an accordion which expands the description. So that’s sorted.

    I added a function to hide SKU but wondered if there was a simpler way?

    Regards search results. I’m not talking about clicking enter. I did explain it pretty clearly with images.

    So on the shop page itself it shows my styling ie the blue buttons etc. on homepage it does not. It loses all the styling.

    I’m specifically talking on a shop page click search from menu and type in the word York (for example) and wait. Ajax shows 5 products below it on the popup. Hover the image – you’ll see the styling as per your instructions.

    Now do the same on a non-shop page ie home / about etc. all the styling is lost. It shows a horrible black and grey button left aligned and doesn’t keep it to 5 products on view in 5 columns…

    That’s what I’m saying. Plus I’d like the image size in the popup to be smaller – like 75% of the value. And the text below it to be centre aligned. This isn’t possible in theme options. Or just set them all to 6 per row with the same hover button / centralised content 🤷‍♂️

    Thanks.

    Please keep things private if showing my site. Never public.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    September 19, 2025 at 08:38

    Dear @Niddy,

    Sorry for the late response!

    We’ve reviewed the recent updates and are pleased to see that the clear button is now displaying correctly: [private content]. Could you kindly confirm this on your end? It appears that the custom JavaScript is no longer necessary, as the custom CSS is sufficient for this functionality.

    Regarding your request:

    That’s what I’m saying. Plus I’d like the image size in the popup to be smaller – like 75% of the value. And the text below it to be centre aligned. This isn’t possible in theme options. Or just set them all to 6 per row with the same hover button / centralised content 🤷‍♂️

    To address this, you may try the following custom CSS for the modal search results:

    
    body .etheme-search-form .autocomplete-suggestion {
        text-align: center;
    }
    body .etheme-search-form .autocomplete-suggestion img {
        max-width: 200px;
    }
    

    Please apply the above code and let us know if it achieves the desired result.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Niddy
    Niddy
    Participant
    September 19, 2025 at 08:59

    Thanks for the help – please see private 🙂

    Please contact administrator
    for this information.
    Avatar: Niddy
    Niddy
    Participant
    September 20, 2025 at 14:35

    I have fixed the clear alignment – I essentially added a script that uses js to position it so that is resolved.

    Its just the renaming of the account menu items please. 🙂

    Avatar: Justin
    Luca Rossi
    Support staff
    September 21, 2025 at 16:24

    Hi @Niddy,

    Did you already add this custom code under functions.php file locates in your child theme?

    
    add_filter('woocommerce_account_menu_items', 'n2t_woocommerce_account_menu_items', 100, 2);
    function n2t_woocommerce_account_menu_items($items, $endpoints) {
        $items['edit-address'] = _n( 'Manage Address', 'Manage Addresses', ( 1 + (int) wc_shipping_enabled() ), 'xstore-core' );
        return $items;
    }
    

    Let us know how it goes!

    Avatar: Niddy
    Niddy
    Participant
    September 21, 2025 at 16:30

    Hi

    Yep I did. Can I just add my own menu to it and then utilise icons?

    ie create a menu called Account and just link into that?

    Thanks.

    Avatar: Justin
    Luca Rossi
    Support staff
    September 22, 2025 at 08:45

    Dear @Niddy,

    Thank you for reaching out.

    Unfortunately, the “My Account” element under your account does not currently support the use of icons within the menu.

    As an alternative, we recommend using the Off-Canvas element provided by Elementor to create a custom menu with your desired items. You can refer to the following screenshot for guidance:
    https://prnt.sc/W3K-lgvPH1ia

    Please note, however, that the Off-Canvas element does not automatically switch between the “Login” and “My Account” buttons based on the user’s login status.

    Should you have any further questions or need assistance, feel free to contact us.

    Best regards,
    The 8Theme Team

  • Viewing 12 results - 1 through 12 (of 12 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.