RP Local Pickup & Delivery
Customize the delivery and pickup icons
Use your own icons for the Shipping, Local Delivery, and Store Pickup options shown to customers in the cart.
In this article: Upload custom icons, preview them in the app, save the changes, and restore the default icons when needed.
Before you begin
Prepare an image for each option you want to customize:
Shipping
Local Delivery
Store Pickup
Image guidelines
Use a PNG or JPG file.
Each image must be no larger than 2 MB.
Use clear, simple artwork that remains recognizable at a small size.
For a consistent appearance, use similarly sized square images for all three options.
Upload custom icons
1. Open the app settings
From your Shopify admin, open Apps, select Local Pickup and Delivery - RP, and then select Settings.
2. Open the Design tab
In Settings, select Design. Scroll to the Tab Icons section near the bottom of the page.
3. Choose an icon to replace
Select Upload beside Shipping Icon, Local Delivery Icon, or Store Pickup Icon. Choose the PNG or JPG file from your device.
4. Review and save
The new image appears beside the icon name. Select Preview to check the cart experience, then select Save to publish your changes.
The Tab Icons controls appear at the bottom of Settings > Design.
Check the customer experience
Open the storefront cart and confirm that each enabled fulfillment option displays the intended icon. Check the icons on both desktop and mobile, especially if the images contain fine detail or text.
Example cart with custom icons for Shipping, Local Delivery, and Store Pickup.
Tip: If an icon looks unclear in the cart, use a simpler image with more contrast and less empty space around the artwork.
Restore a default icon
To remove a custom image and return to the app icon:
Go to Apps > Local Pickup and Delivery - RP > Settings > Design.
Scroll to Tab Icons.
Select Reset to default beside the icon you want to restore.
Select Save.
Troubleshooting
The image will not upload
Confirm that the file is a PNG or JPG and no larger than 2 MB. If necessary, resize or compress the image and try again.
The new icon does not appear in the cart
Make sure you selected Save after uploading the image. Then refresh the storefront cart. If your theme or browser is showing a cached version, test in a private browsing window.
The icon is cropped or difficult to recognize
Use a square image with the artwork centered and a small, even margin. Avoid long text, thin lines, or detailed photographs that become hard to read at the displayed size.
Need help? Contact Rose Perl support and include your store URL, the icon file, and a screenshot of what appears in the cart.