Theme integration placement
Updated on March 26, 2021
By default, Alpaca attempts to automatically inject itself into a logical place in your theme. However, you can override the default placement by following these steps. Please note that this is an advanced tutorial, and you’ll need to modify small snippets of HTML in order to complete these steps.
Navigate to the Online Store section of your Shopify admin, and click the Customize button for your Live theme. Select the Alpaca section on the left-hand side.
Scroll down until you see a field titled Delivery methods placement. This fields accepts a CSS selector, and Alpaca will inject the theme integration immediately before any matches to this CSS selector. Enter .alpaca-injection into this field, and then click Save.
Next, open up the Code editor by selecting Theme Actions and then Edit code.
Select the file which contains the HTML of where you want to inject the Alpaca theme integration. This would often be in cart.liquid or cart-template.liquid. Find the exact line where you want to inject Alpaca, and then paste the following code:
<div class="alpaca-injection"></div>
Done! Now Alpaca should appear in the new designated area.
More support articles
Hide irrelevant rates
Only show the pickup or delivery rate the customer already selected
Updated on December 11, 2021
Display per-location inventory on product pages
Let your customers know which locations have items in stock
Updated on September 30, 2021
Custom messaging for ineligible carts and locations
Notify users when their cart or location isn't eligible for pickup or delivery
Updated on June 14, 2021
Location-specific notifications
Notify locations when they receive orders
Updated on May 18, 2021
Require advance notice for scheduled pickup / delivery
Specify how much time you need to prepare for pickup and delivery orders.
Updated on April 8, 2021
Configure your own Google Maps API key
How to get a Google Maps API key so you can enable address autocomplete
Updated on April 8, 2021
Disable scheduling until orders are marked as packed
Don't let customers schedule a pickup or delivery until the order is marked as packed
Updated on April 8, 2021
Prevent out-of-stock inventory when checking out
Prompt customers to remove out-of-stock inventory when they try to check out
Updated on April 6, 2021
How to show Alpaca's rates in your checkout
Add Alpaca rates to your Shopify shipping profiles
Updated on April 6, 2021
Removing Alpaca from your theme
How to completely remove Alpaca from your online store
Updated on March 24, 2021
Customize Shopify's native email and SMS notifications
How to display pickup information in your email and SMS notifications
Updated on March 23, 2021
Update an order's delivery method
Manually change an order's delivery method and/or scheduled date and time
Updated on March 22, 2021
Disable rescheduling
Don't let your customers reschedule their pickup/delivery date and time
Updated on March 17, 2021
Carrier Service
How Alpaca adds pickup and delivery rates to your checkout
Updated on March 17, 2021
Prevent mixed carts
Prompt customers to remove items which aren't eligible for their selected delivery method.
Updated on March 16, 2021
Removing the shipping option from delivery methods
How to hide the shipping delivery method in Alpaca's theme integration
Updated on March 6, 2021
Require customers to schedule a pickup/delivery before checkout
Ensure your customers pick a time before completing their checkout
Updated on March 5, 2021
Non-physical items and shipping rates
Why shipping rates and delivery methods may not appear on your website
Updated on March 5, 2021
Optimized local delivery routes
Generate optimized delivery routes for your Shopify orders
Updated on March 5, 2021
Restrict pickup/delivery dates for specific products
Great for handling pre-orders and seasonal products
Updated on March 4, 2021
Hiding line item attributes
How to hide _alpaca_id attributes from appearing
Updated on December 9, 2020
Liquid variables in notifications
How to add dynamic content to your notifications
Updated on October 13, 2020
Delivery rates by zip / postal code
How to restrict local delivery rates to specific zip or postal codes
Updated on August 25, 2020
How to add or edit pickup schedules
Set when you offer pickup and other options regarding curbside pickup
Updated on June 2, 2020
How to add or edit local delivery rates
Manage the prices and options for local delivery
Updated on June 2, 2020
Change the look-and-feel of the pickup call-to-action
How to modify the fonts and colors of the pickup CTA
Updated on June 2, 2020
Add a pickup call-to-action to your theme
How to display a pickup CTA on your storefront
Updated on June 2, 2020
Still need help?
Send us an email and we'll get back to you as soon as we can.