Skip to product information
【Dawn】Shopifyのテーマ「Dawn」のカートページで「ご購入手続きへ」ボタンをノーコードで画面上部に表示するための設定例
Published:2024.01.27

[Dawn] A setting example for displaying the "Proceed to Checkout" button at the top of the cart page of the Shopify theme "Dawn" without any coding.

用途

When there are many items being purchased on the Shopify cart screen, the "Proceed to Checkout" button may be cut off on a smartphone screen. If you can move it to the top like Amazon does, you can smoothly guide users to the checkout screen. This is a setting example for implementing it with no code using the theme editor.


A setting example for displaying the "Proceed to Checkout" button at the top of the cart page of the Shopify theme "Dawn" without any coding.


[Settings Step 1] Move the "Subtotal" section above "Items", adjust the margins, and set custom CSS


[Settings Step 2] [Settings Step 2] Hide the "Items" section title and the "Continue Shopping" button when items are empty using custom CSS


[How to use] [Settings step 3] Add the cart page title and "Continue shopping" button in rich text


After making a purchase (all items are ¥0), you will be able to view the sample code.

View store information

[Dawn] A setting example for displaying the "Proceed to Checkout" button at the top of the cart page of the Shopify theme "Dawn" without any coding.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Custom CSS

↗ Related Post