How to install OneTick Checkbox to your Shopify theme editor
Overview
In this article, you'll learn how to install the OneTick checkbox into your Shopify Theme editor, enhancing your online store's functionality.
Check the difference between a Shopify theme 2.0 and a vintage theme in this article.
The OneTick Upsell Cross Sell app enables you to add customizable checkboxes to all sections of the 'Product Details' type, such as 'Featured Product' or 'Product Information' section.
Note: OneTick checkbox only works with active products in your store.
How To Install OneTick Checkbox To Your Shopify Theme OS 2.0
Important note: You only need to add the code once on the theme code to show all checkboxes you created on OneTick.
Step 1: Enable “OneTick Upsell Cross Sell” In Theme Editor
Ensure you've turned on "OneTick Upsell Cross Sell" in your theme editor > App embeds for optimal functionality.
Important: If you don't turn on this option in App embeds, your checkboxes will still appear on the storefront, but they will not display correctly the styles that have been set, and you cannot add products to the cart by clicking on the checkboxes.
Step 2: Open Theme Editor
After creating your checkbox, the 'Install Checkboxes' modal will appear. You can access this feature by clicking on the “View installation guide” at the top right corner of the page
In the modal, look for the 'Go to Theme Editor' button and click it to open the editor.
If you want to leave the checkbox for later use, you can also find the 'View installation guide' again in the checkbox editor page. Simply look for the 'View installation guide' button at the top right of the checkbox editor page, and click on it to open the widget.
You can also go to the theme editor a different way: Go to your Shopify admin, then choose 'Online Store', then 'Themes'. Select your current theme and click 'Customize'.
Step 3: Add OneTick Checkbox App Block To Your Section
In the theme editor where you want the checkbox, click 'Add block' in the section. Then, under 'App blocks', choose 'OneTick Upsell Cross Sell'.
Remember, you can only use OneTick checkboxes on the cart page or in sections with product details, like 'Featured Product' (on pages other than product pages) or 'Product Information' (on product pages).
Now, your checkboxes are ready! Click the “Save” button to make the changes appear on your website. All checkboxes that have an "Active" status and have been selected for that trigger product will be displayed on your store. You can change the order of the checkboxes in the OneTick app.
Note: After adding, you can drag the checkbox block to any position you want.
How To Install OneTick Checkbox To Your Shopify Vintage Theme
Important note: You only need to add the code once on the theme code to show all checkboxes you created on OneTick.
Step 1: Copy The Widget Code
In the 'View installation guide', go to the 'Vintage Themes and Page Builders' tab. Here, you will see the widget code.
Click the 'Copy Code' button to copy this code. You will need it in the theme editor.
Step 2: Open Theme Code Editor
To get to the theme code editor, go to the Shopify admin. Then, click 'Online Store', then 'Themes'. Choose your current theme and click the 3 dots icon. Finally, select 'Edit Code'.
Step 3: Paste The Widget Code In The Theme Code
Where to add the code depends on where you want to add the checkboxes:
If you want to add checkboxes in the product details section, search for “product-template.liquid” in the theme code editor. Next, paste the checkbox code before the code <button type="submit" name="add"...>
If you want to add checkboxes to the cart page, search for “cart-page.liquid”. You can add the code wherever you'd like the checkboxes to appear, such as below the items in the cart or above the checkout button.
Note: This option applies only to the Debut vintage theme. The structure may vary for other vintage themes. Please contact our support team if you need help with adding code to your theme.
Frequently Asked Questions
Do I need to add a block for each checkbox in the same page?
No, after adding the OneTick checkboxes block onto the page, all the checkboxes you created with an "Active" status on the OneTick app and have been selected for that trigger product will be displayed on the page right away.
Can I hide a specific checkbox on the page?
Yes, if you want to hide a specific checkbox for a product, you can change the status of that checkbox from "Active" to "Draft", or deselect the trigger product for that checkbox.
When I make changes in the OneTick app, do I need to copy and paste the code in the theme again?
No, once you add the code in the theme, this code will help to automatically show all the latest updates of the checkboxes in the live store.
Updated on: 16/04/2025
Thank you!