How can I display only one dynamic checkout button in my store cart?

[thomasmrgn99]

Hi,

In my store cart, it displays 3 different dynamic checkout buttons.

Is it possible to change this to only 1?

Store is https://pawcopets.co.uk

Theme: Gecko

Appreciate any help

[LitCommerce]

Hi @thomasmrgn99 ,

Go to Assets > style.min.css and paste this at the bottom of the file:

.dynamic-checkout__content .shopify-cleanslate ul {
	flex-direction: inherit !important;
    justify-content: space-between;
}
.dynamic-checkout__content .shopify-cleanslate ul li{
	flex: 1;
    width: auto;
}

[thomasmrgn99]

Hi @LitCommerce

Thank you for the help!

I added the code, it put the 3 icons on one line, it’s not bad but they are too squashed. Would it be possible to make it so that there are only 2 dynamic buttons instead of 3?

Or alternatively two dynamic buttons over each other like this other website, if that is easier:

Thanks for your help

[LitCommerce]

Hi @thomasmrgn99 ,

You can follow these steps:

• Step 1: Remove this code if you want it to display on 2 lines, or don’t remove it if you want it to display on 1 line.

• Step 2: Just add the following code:

.dynamic-checkout__content .shopify-cleanslate ul li:first-child {
    display: none !important;
}

Hope it helps!

[thomasmrgn99]

Thanks so much @LitCommerce

Is it possible to put a small white space between the two buttons? where i put the red line.

Thanks

[LitCommerce]

Hi @thomasmrgn99 ,

Please add code:

.dynamic-checkout__content .shopify-cleanslate ul {
  gap: 0.5rem;
}

Hope it helps!

[thomasmrgn99]

@LitCommerce Amazing, thank you

[julianabr]

I’m using the dawn theme and would love to display more than one dynamic button, or force it to display the unbranded “Buy it now” button, OR force it to display the button of my choice. The page you cited is not in the dawn theme. do you know which pages i need to address?