Need help with checkout button on product page

Topic summary

A user wants to remove PayPal branding from their product page checkout buttons and replace it with a simple “Buy” button that directs to checkout.

The Issue:

  • Shopify’s dynamic checkout buttons display both branded options (PayPal, Apple Pay, Google Pay, etc.) and unbranded “Buy it now” buttons
  • The user prefers only the unbranded button without third-party payment logos

Solution Provided:

  • Cannot selectively keep unbranded while removing branded buttons through standard settings
  • Workaround: Add custom code for a “Buy now” button and hide the branded buttons using CSS
  • For the secondary request about spacing between product images and information, a CSS code snippet was provided:
@media (min-width: 750px) {
    .product .col-lg-5 { padding-right: 40px; }
}

This code should be added via: Sales channels > Online Store > Themes > Customize > Theme settings > Custom CSS.

A screenshot demonstrates where to implement the CSS customization.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

Hello, i have a query. why does paypal apear on my product page. i want only buy button which take users to checkout. how can i do so. i am looking to hide the paypal and adding Buy button below add to cart button. Url: trendlabb.com
Thanks

1 Like

Hi @ncsjcnjs

That is Show dynamic checkout buttons of Shopify, there are two different types of dynamic checkout buttons:

  • Unbranded - These buttons display Buy it now text. When a customer clicks an unbranded button, they skip the cart and go to the Shopify Checkout.
  • Branded - These buttons include the logo for a third-party accelerated checkout method. When a customer clicks a branded button, they complete their payment with that accelerated checkout method. The following third-party accelerated checkout methods are available:

You can read this article to learn more
https://help.shopify.com/en/manual/online-store/dynamic-checkout

1 Like

@Dan-From-Ryviu how could i remove the branded and keep unbranded. i know it’s accelereted but still want buy button on product page. also, on the product page, i want to add a bit gap between images and product information (title, price, etc). please guide if u know

1 Like

It cannot remove branded and keep unbranded, but you can add customized code for the Buy now button and hide the branded button.

To add a gap between images and product information, please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.

@media (min-width: 750px) {
    .product .col-lg-5 { padding-right: 40px; }
}