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.
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
Thank you!