Questions Regarding Banner/Breadcrumb Alignment and Product Page Button Customization

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

  • Avatar: xs.po
    xs.po
    Participant
    August 11, 2025 at 20:25

    Hello,

    I have two questions regarding the customization of my website theme:

    1. Banner and Breadcrumb Alignment
    I would like to know how to make both the banner and the breadcrumbs align with the width of the content area, starting from the left edge. I’m attaching a screenshot for reference.

    2. Product Page Button Customization
    On the main shop page, I would like to remove the “Add to cart” button entirely.
    Then, on the individual product pages, I would like to replace the “Add to cart” button with a “Contact us” button.
    This button should either:

    Link directly to a phone number (click-to-call), or
    Open a pop-up window where the customer can initiate a call or contact request.

    The idea is that I don’t want to sell products directly through the site. Instead, I want visitors to contact me first for consultation, and then proceed with payment via my company’s bank account.

    Could you please advise how I can implement these changes?

    Thank you in advance!

    Best regards,
    Kseniia

    Files is visible for topic creator and
    support staff only.
    6 Answers
    Avatar: xs.po
    xs.po
    Participant
    August 11, 2025 at 20:36

    Alternatively, I would also be interested to know if it’s possible to replace the “Add to cart” button with a “View product” button, so that customers are encouraged to click through to the individual product page.

    Files is visible for topic creator and
    support staff only.
    Avatar: Alex Carter
    Alex Carter
    Support staff
    August 11, 2025 at 21:38

    Hello,

    Thank you for reaching out to us.

    Could you please provide temporary wp-admin access? We need to check your settings.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Warm Regards,
    The 8Theme Team

    Avatar: xs.po
    xs.po
    Participant
    August 11, 2025 at 22:36

    Thank you!

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    August 12, 2025 at 10:48

    Dear @xs.po,

    We hope this message finds you well.

    Please find below the steps to make the necessary adjustments to your website using Elementor:

    1. To ensure your pages display correctly, kindly edit them using Elementor and set the Page Layout to “Elementor Full Width.” You may refer to the following screenshot for guidance: https://prnt.sc/dNFkz5wKneqJ.

    2. If you wish to remove the “Add to Cart” button from the shop page, please edit the Product Archive element and disable the “Show Add to Cart Button” option. For your reference, here is a screenshot: https://prnt.sc/UDNQ3kEeFm05.

    3. To replace the “Add to Cart” button on the single product page with a “Contact Us” button, please edit the Single Product Template using the Template Builder. Remove the Add to Cart form and insert your custom contact button in its place. You can view an example here: https://prnt.sc/NzmgRIXeUw2M.

    Should you require any further assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Avatar: xs.po
    xs.po
    Participant
    August 16, 2025 at 18:50

    Thank you very much for your advice regarding the “Add to Cart” button, it was really helpful 🙏
    I have one more question: what if I don’t want to completely remove the button, but instead replace the “Add to Cart” button with a “View Product” button? When a customer clicks it, they should be redirected to the single product page.
    Is there an option to achieve this in the Product Archive element settings, or should I use custom code/snippet?

    Avatar: Justin
    Luca Rossi
    Support staff
    August 18, 2025 at 06:08

    Dear @xs.po,

    Please try adding this custom code under functions.php file locates in your child theme:

    
    add_action('after_etheme_product_grid_list_product_element_price', 'after_etheme_product_grid_list_product_element_price');
    function after_etheme_product_grid_list_product_element_price(){
        ?>
        <a class="btn view-product" href="<?php the_permalink(); ?>">View Product</a>
        <?php
    }
    

    Hope it helps!

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