RP ProPickup Help Series
Checkout Buttons Not Showing on Cart Page (Custom Theme Fix)
Product: RP ProPickup
Applies to: Shopify stores using custom or modified themes
Issue Type: Pickup / Delivery block not visible on cart page
Overview
If the RP ProPickup checkout buttons are not appearing on your cart page, the most common cause is a custom Shopify theme.
Some themes prevent RP ProPickup from automatically detecting the cart button location. When this happens, the pickup and delivery block must be manually positioned by selecting the correct cart container using CSS selectors.
This guide explains how to identify the correct cart block and configure it in RP ProPickup.
Symptoms
You may be affected if:
RP ProPickup App Embed is enabled
Pickup or delivery options do not appear on the cart page
The Pickup Block selector location is missing or empty
Your store uses a custom or heavily customized theme
Step-by-Step Fix
Step 1: Confirm the Block Is Not Displayed
Open your storefront.
Navigate to the Cart page.
Confirm that the RP ProPickup pickup/delivery section is not visible, even though the App Embed is enabled.
If the block is missing, continue to Step 2.
Step 2: Locate the Cart Button Container
You’ll need to find the HTML container where checkout-related content appears.
On the Cart page, inspect the area where the pickup/delivery block should display.
Identify the surrounding container (usually a cart block or button wrapper).
Note the CSS classes applied to that container.
Example from a custom theme:
cart__blocks mt20
Step 3: Enable Developer Mode in RP ProPickup
Open RP ProPickup in your Shopify admin.
Go to Settings.
Select For Developers.
Turn on Developer Mode.
This unlocks advanced placement controls for custom themes.
Step 4: Enter the Cart Block Selector
Open the Advanced (For Dev) tab.
Enter the cart container classes you identified.
Prefix each class with a dot (
.), separating multiple classes with spaces.
Example:
.cart__blocks .mt20
Step 5: Save and Verify
Click Save.
Refresh your storefront.
Open the Cart page and confirm that RP ProPickup pickup and delivery buttons are now visible.
Why This Happens
Custom themes often:
Rename cart containers
Remove standard Shopify selectors
Load cart sections dynamically
Because of this, RP ProPickup may not automatically detect where to insert the pickup and delivery block. Manually defining the selector ensures the app renders the block in the correct location.
Troubleshooting Tips
Make sure App Embed is enabled
Ensure the selector targets a container that exists on the cart page
Avoid overly specific selectors tied to dynamic IDs
If the cart updates via AJAX, refresh the page fully after saving
Need Assistance?
If the buttons still don’t appear:
Please contact support and include:
Your theme name
A screenshot of the cart page HTML or inspected element
The selector you attempted to use
Our team can help identify the correct selector for your theme.
© Rose Perl Technology
RP ProPickup Help Series