Return to previous page

Sticky add to cart and buy now buttons appear at the same time

This topic has 17 replies, 3 voices, and was last updated 12 months ago ago by Recep

  • Avatar: Recep
    Recep
    Participant
    May 30, 2024 at 08:07

    Hello,

    We have 2 questions about product price information.

    1- Can we make the product price thicker and larger?

    2- We want the sticky add to cart and buy now buttons to appear at the same time and with prices on our website, is this possible? I am sending a sample file.

    The second one is very important for us.

    thanks.

    Please, contact administrator
    for this information.
    #397261 Copied Theme version: 9.3.11
    16 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 30, 2024 at 10:45

    Hello,

    Thank you for reaching out to us with your inquiries.

    1/ 

    .single-product .product-content .price {
    font-size: 20px;
    font-weight: 900;
}

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

    2/ Do you want to show the Buy Now button for the mobile sticky panel? In this case, add the next code in child-theme/functions.php:
    add_filter('etheme_sticky_add_to_cart_buy_now_hide_mobile', '__return_false');

    Best Regards,
    8Theme’s Team

    #397307 Copied
    Avatar: Recep
    Recep
    Participant
    May 30, 2024 at 11:21

    Hello,
    Thanks for the solution to my 1st question.

    I think my second question was misunderstood.

    We want both the add to cart and buy now buttons to appear at the same time on sticky on mobile. (like on the desktop…) as seen in the screenshot I sent.

    We want to ensure that there is a > price > add to cart + buy now button in the stick area on mobile.

    You have created the closest look to what we wanted in this demo!

    https://xstore.8theme.com/elementor3/electronic-mega-market/product/arlo-spotlight-camera-security/

    #397316 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 30, 2024 at 12:28

    Hello,

    Have you tried to add the code to the child theme?

    Could you please provide temporary wp-admin and FTP access?

    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.

    For FTP access, we require the following details: FTP host, FTP username, FTP password, FTP port, and FTP encryption type. If you need assistance in creating these credentials, please reach out to your hosting provider who will guide you through the process.

    Best Regards,
    8Theme’s Team

    #397326 Copied
    Avatar: Recep
    Recep
    Participant
    May 30, 2024 at 12:48

    I forwarded it.

    I only see the quantity and the buy now button on mobile (we want to remove the quantity in the mobile sticky add to cart section, but we couldn’t).

    Also, for your information, this code that you sent before in the style css is attached.

    @media only screen and (max-width: 767px) {
    .etheme-sticky-cart .add_to_cart_button, .etheme-sticky-cart .et-or-wrapper {
    display: none;
    }
    }

    Please contact administrator
    for this information.
    #397330 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 30, 2024 at 13:13

    Hello,

    We’ve edited the custom CSS code. Please check now.

    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.

    Best Regards,
    8Theme’s Team

    #397335 Copied
    Avatar: Recep
    Recep
    Participant
    May 30, 2024 at 14:01

    Hello,

    Yes, this was a version close to what I wanted. (add to cart and buy now button side by side)

    We want to ensure that there is a | price + add to cart + buy now button in the sticky area on mobile. I have attached an example image.

    You have also made a similar version of this demo that I mentioned in my previous message. If the other one is not possible, can we adapt this one? (price + add to cart)
    https://xstore.8theme.com/elementor3/electronic-mega-market/product/arlo-spotlight-camera-security/

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    #397352 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    May 31, 2024 at 08:47

    Hi @Recep,

    Please also add this custom CSS code:

    
@media (max-width: 480px){
    .etheme-sticky-cart .button {
        min-width: auto !important;
        font-size: 15px !important;
    }
}

    https://prnt.sc/RnCvXSOxcGNK

    Hope it helps!

    #397497 Copied
    Avatar: Recep
    Recep
    Participant
    May 31, 2024 at 09:04

    Hi Luca,

    I added the code and unfortunately it does not work when we enter it from mobile devices. There is just an add to cart and buy now button.

    I am sharing it in a special section and you can enter it from your device and try it.

    Can we remove the cart icons on the buttons here? They are unnecessary and take up space.

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    #397503 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    May 31, 2024 at 10:44

    Dear Recep,

    We suspect that a cache-related issue might be causing the incorrect display of pricing details on your end. To assist you further, we have provided screenshots illustrating the price display in both logged-in and logged-out statuses:

    – Logged-in Status: [https://prnt.sc/Zs7GtRZzedin](https://prnt.sc/Zs7GtRZzedin)
    – Logged-out Status: [https://prnt.sc/N3nh4PY2PBI1](https://prnt.sc/N3nh4PY2PBI1)

    We recommend that you clear all cache systems, including your hosting cache, and then verify if the issue persists.

    Thank you for your attention to this matter.

    Best Regards,
    8Theme’s Team

    #397520 Copied
    Avatar: Recep
    Recep
    Participant
    May 31, 2024 at 12:30

    Hello Luca,

    I cannot see this when I log in to a product from my phone. This is the image I have: https://prnt.sc/Lp2IPKDTyZOV

    The cache plugin is disabled, but when we test it on many mobile devices (iphone 8 – iphone 15 pro) there is an image like the one in the image. The server side informed us that there was no cache.

    Can you view an image on your mobile device with the price and an add to cart + buy now button next to it?

    Secondly, why does the price not appear without the user logging in? I think the price may appear in both cases.

    #397529 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    June 1, 2024 at 16:37

    Hi @Recep,

    Sorry for the confusion!

    After we added this custom code, the price is displaying on mobile:

    
add_filter('etheme_sticky_add_to_cart_price_hide_mobile', '__return_false');

    Could you please check again?

    Thank you!

    #397678 Copied
    Avatar: Recep
    Recep
    Participant
    June 3, 2024 at 09:21

    Hello,

    Yes it’s fixed now, looks very good. I will reduce the fonts there with the code you provided, but finally we want to remove the cart icons on the buttons. how can we do this?

    Thanks so much for your help.

    #397841 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    June 3, 2024 at 09:48

    Hi @Recep,

    If you want to remove the cart icons on sticky:

    – Desktop & Mobile:

    
.etheme-sticky-cart .single_add_to_cart_button:before {
    display: none;
}

    – Mobile only:

    
@media (max-width: 480px){
    .etheme-sticky-cart .single_add_to_cart_button:before {
        display: none;
    }
}

    Hope it helps!

    #397849 Copied
    Avatar: Recep
    Recep
    Participant
    June 3, 2024 at 10:28

    Thanx.

    #397859 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    June 3, 2024 at 10:46

    Hi @Recep,

    In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

    Click here to share your thoughts: https://themeforest.net/downloads

    Being part of our community means a lot, and your feedback contributes immensely.

    Best Regards,
    The 8Theme Team

    #397866 Copied
    Avatar: Recep
    Recep
    Participant
    June 3, 2024 at 10:50

    I already did it. Thanks again.

    #397868 Copied

  • Tagged: , , , , , ,

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

The issue related to '‘sticky add to cart and buy now buttons appear at the same time’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme

See All Templates

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