Topics: Customization

How to remove VOPO tag from orders

Our app adds a VOPO tag to orders using our customizations. You can remove this tag by adding code. Add this code to the theme.liquid file after our apps two lines of code. Here is more info on editing theme code. <script>if (window.bcpo_settings) bcpo_settings.remove_tag = true;&...

How to center file uploads

Our file uploads will look off center on themes that center the data in the product form. This is because our app leaves space to the right of the file upload for the file name. You can make the file upload look visually centered by adding a border around the file upload with CSS. Add the code...

How to configure the app block settings (2.0 Themes)

How to edit the app block settings Click on our app block titled "Product Options" in your product template. If you don't see our app block here you will need to add it to your product template. Click the link below for more information about app blocks. https://www.relentlessapps.com/k...

How to change the product options location manually with code

If you have a 2.0 theme you can change the product options location much easier with app blocks. Here is an article for more information: How to change the product options location 2.0 Themes (app blocks) If you have an older theme that doesn't support app blocks you can manually place our app in...

How to add, remove, and reorder the app block within the theme editor (2.0 Themes)

2.0 Themes If you have a 2.0 Theme that allows app blocks you can easily place our app's product options in a different location in your product template. Here are some instructions on how to do this. How to add our app block Open the app Click on Install in the navigation Select wh...

Hide unavailable variants/ values

Add the code on this page to the theme.liquid after the <head> tag. Click here for more info Most customers will want to use this first code Hide unavailable variants in 2nd and 3rd product option, always show variants in first product option without sold-out styling This will keep al...

How to edit code in your theme.liquid file in Shopify

How to get to Themes page Click the link below to go to the Themes spage of your Shopify Store. https://admin.shopify.com/themes An alternative way to get to the Themes page: Go to the Shopify Dashboard Under Sales Channels click on Online Store Click on Themes How to ...

Change translation of uploaded file text on cart

For new installs, file uploads that contain an image will automatically show a thumbnail of the image on the cart page. Send us a support email if you want us to upgrade your store to show thumbnails on the cart. To show text instead of the thumbnail image add the code below on the theme.liquid p...

Remove price add-on prices from the cart and product page

Remove price add-ons from the product page Below are some CSS snippets that you can put in your theme. To add them, navigate to your Shopify admin page. Click Online Store Click the Actions dropdown Choose Edit code. This will take you to a code editor. We recommend copying the c...

Color Picker

Click below to select a color Copy the hex code located below. Use this hex code with our code snippets to change how our product options look.

How to add Variant Option Product Options to your homepage (featured-product.liquid)

Our app only supports one featured product 2.0 Themes For 2.0 Themes that allow app blocks on the featured product of the homepage, you can follow the directions below. Go to Sales Channels Online Store Click the Customize button for the Theme you want to edit This should load th...

How do I make the swatches a circle or square?

On our Settings page you can make the image/ color swatches circular by turning the circle swatches option to On and saving your settings. Below is how the options look.

How to I change the size of the color swatches or image swatches?

Change swatch sizes in our apps settings You can change the sizes of the swatches in the Settings page. Click on  Settings in the navigation of our app Edit the Settings  below Here are examples of different swatch sizes Custom swatch size with code Below are some CSS sni...

How do I change the styling and look of the product options (CSS)?

We have a few options on the Settings page of our app on how to change the style and functionality of our app. These settings include: Border Style Sold out Style Swatch Size Circle/ Square swatches Dark Themes Tooltips + More How to add CSS snippets This article has som...

How do I get the product options showing on the cart page?

Our app's virtual options and selections will automatically show on the cart for most themes. If they don't, you can contact us to make your theme compatible with our app. Contact us