Ella Theme Skip Cart and go straight to checkout

Topic summary

Goal: make the Ella theme’s Add to Cart go directly to checkout for a single-product store.

  • Theme setting check: Built-in option only redirects to the cart page, not checkout.
  • Attempted solution: A helper suggested adding Custom Liquid code near the Buy buttons and hiding the Pre-order button to force checkout redirect. The code snippet was not provided in the thread (empty blocks), and applying the guidance hid important product content (expected ship date and “purple dot” link).
  • Constraint: The store wants to keep all existing product page content unchanged and only alter the redirect behavior.
  • Alternative approach: Use Shopify “cart permalinks” (URLs that prefill the cart with specific variant/quantity) to bypass JavaScript add-to-cart and avoid waiting for fetch; suitable since only one product is sold. A reference link to a related example was shared.

Decisions/Actions: None finalized. Next steps include sharing a working code snippet or implementing a cart permalink on the Add to Cart button.

Status: Unresolved. Key question: confirm a permalink format that leads directly to checkout while preserving page content. Screenshots and the missing code are central to the issue.

Summarized with AI on December 15. AI used: gpt-5.

Hi There, I have the Ella theme. When I click the “add to cart” button, I would like for it to redirect me right to checkout, and skip the cart page since my store only has one item. Please let me know how I can achieve this.

Hi @gltl

You can check if your theme has that settings in Online Store > Themes > Customize > Theme settings > Cart

Hi, it does, but it only has the redirect to cart page setting. I want to be able to redirect to checkout.

Could you share your product page link so I can check?

https://trueloo.com/products/the-trueloo

Thank you!

Please add this code to Custom Liquid block below your Buy buttons on your Online store > Themes > Customize > Products > Default product and hide your default Pre-oder button


How can I still display the content below the pre-order button? The expected ship date and purple dot link.

So please update code and add it to Custom liquid code above ‘Buy buttons’

That made everything disappear. I would like to display everything as normal (as is shown now in the link). The only thing I want to change is the redirect to the checkout.

Please add the code so I can check

I’d rather use cart permalinks here – do not need to wait for fetch to complete.

Given they offer only one product no need to worry about what’s already in cart.

Like i suggested here