We Build Shopify Apps

Montreal-based Shopify experts cooking some Shopify apps.

Shopify Post Image

Coupon Field in Cart - Turbo theme for Shopify

Import configs in Carter app for Shopify

You need to import configs following these instructions

1. Install the Carter app for Shopify

2. Click on the IMPORT button in the top bar

3. Paste the configs and click Import

Cart page & Drawer cart configs

eyJfaWQiOiJkRzhmNHpKdkc5SEJUdjRpRyIsInB1Ymxpc2hlZCI6ZmFsc2UsImRlc2NyaXB0aW9uIjoiVHVyYm8gLSBEcmF3ZXIgJiBDYXJ0IHBhZ2UiLCJsYW5ndWFnZSI6ImVuVVMiLCJ0YXJnZXQiOiIuY2FydF9zdWJ0b3RhbCIsInRhcmdldF9wb3MiOiJPVVRTSURFX0FGVEVSIiwiZWNzc19wYXJlbnRfb3V0IjoibW9kYWxfcHJpY2UiLCJlY3NzX3BhcmVudF9pbm5lciI6IiIsImVjc3NfaW5wdXQiOiIiLCJlY3NzX2J1dHRvbiI6ImJ1dHRvbixhZGRfdG9fY2FydCIsImNyZWF0ZWRCeSI6InJXRlBocUFNZTN6dW1oQVRRIiwidXBkYXRlZEF0IjoiMjAxOC0xMS0yMVQyMTozMjoxNi4yNDJaIiwidmVyc2lvbiI6NiwibmljZV9pZCI6MywidGhlbWUiOnsiaWQiOjE2ODE1MzI1MjM2LCJuYW1lIjoiQm9sZCAtIHR1cmJvLXBvcnRsYW5kIHwgQm9sZCBPcHRpb25zIHwgU2VwIDE5LzE4IiwiY3JlYXRlZF9hdCI6IjIwMTgtMDktMTlUMDk6MDE6MjgtMDc6MDAiLCJ1cGRhdGVkX2F0IjoiMjAxOC0xMS0xOFQyMzowNTo0Ni0wODowMCIsInJvbGUiOiJtYWluIiwidGhlbWVfc3RvcmVfaWQiOm51bGwsInByZXZpZXdhYmxlIjp0cnVlLCJwcm9jZXNzaW5nIjpmYWxzZSwiYWRtaW5fZ3JhcGhxbF9hcGlfaWQiOiJnaWQ6Ly9zaG9waWZ5L1RoZW1lLzE2ODE1MzI1MjM2In19  

Make sure you select the right theme after you imported the configs

Carter app Coupon field in Cart - Turbo theme for Shopify

It should look like this in the Cart page:

Carter app Coupon field in Cart - Turbo theme for Shopify


It should look like this in the Drawer:

Carter app Coupon field in Cart - Turbo theme for Shopify


Multiple configs published live

For the Turbo theme, the same CSS Selector is used for both the cart page and drawer cart. That means you only need 1 config. But, if you wish to tweak it and select different CSS selector, you can. That being said, you can publish one or both the cart page and drawer cart configs. If you want to edit them and tweak the CSS selector or other styling tweaks, you can as well. Go and click "Edit" in the configs.

Carter app Coupon field in Cart - Turbo theme for Shopify

When you're satisfied, click on UPDATE and then you go BACK and click on PUBLISH.

Carter app Coupon field in Cart - Turbo theme for Shopify

Example of tweaks in the Cart page and Drawer

Carter app Coupon field in Cart - Turbo theme for Shopify

Carter app Coupon field in Cart - Turbo theme for Shopify


OTHER Q&A

1) Can we move the coupon field location up in the Cart page?
Yes you can. The easiest fix if to select "Inside - at the beginning..."

Carter app Coupon field in Cart - Turbo theme for Shopify

A bit harder if to change the CSS selector.

2) Also, will this auto apply if we send link to auto apply (as it does at checkout?)
Yes, it should. Learn more in the video below.


You don't own the Turbo theme? No worry, Carter integrates with other theme thank to premade configs & one click setup.


Try the Carter app for Shopify

Get In Touch

Tabarnapp's mission is to help you get the most of each visit on your Shopify store.

E: support@tabarnapp.com