Hiding Variant Name (Default_cpc_xxx) from Product Page

Hiding objects/elements from your product page:
Go to the product page you see the object you want to hide using CHROME browser. In this example, I will hide the QUANTITY object.
Right-click on the object [ in this case Default_CPC_XXX] you want to hide and then click "Inspect"


The below example is build using the default quantity button in Shopify, you can do the same for the Variant name


Once the right console opens, go over all the text blocks until the object you want to hide is completely highlighted, like in the below photo. Right-click on the text you have found, and go to Copy and click Copy Selector


Go to the Custom Price Calculator app in your store, click Styling on the left navigation and then click the Advanced tab
Paste the text in the first text input field, click "Hide Element" and then click Save


Your product page will now no longer show the hidden object


You can follow this process for any object in your store. Any product where you embed the calculator will no longer show any of the hidden elements. You can always click on Reset to Default to remove any changes you have made.
Was this article helpful?
Cancel
Thank you!