Articles on: Variants

Hiding Variant Name (Default_cpc_xxx) from Product Page

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 top navigation and then click the Display Settings followed by Custom CSS.
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.

Updated on: 21/10/2022

Was this article helpful?

Share your feedback


Thank you!