Options with Costs can be Displayed in two ways :

1) Creating a new product
2) Additional Product that helps price increase :

1) Creating a new product

Each time customer hit add to cart a new product with a new price will be created. Here is how to do.  This way customer will not see any additional item in the checkout. Thus reduce customer confusion of a large number of additional product.

Hide newly Created product from collection and search result

Or

Delete newly created product automatically after certain time.

2) Additional Product that helps price increase :

First check your theme compatibility with the app for price increase feature

When your theme snippets are installed for the Price Per Option, Product Personalizer will display options prices on the cart, and at checkout. On the cart pages, option prices will be listed next to the option on the cart, and the total price for the line item is automatically changed to reflect the product price + personalization price.

Cart Page

Behind the scenes, we have to take a few steps to do this:

  1. We use a hidden “Item personalization” product to add fees to your cart. Shopify does not provide any way to add fees or additional costs to a cart, so we need a product with a price to do this, unfortunately.
  2. This item is set at $0.01 (or whatever your currency is) so that you can add any price for an option, and we just adjust the quantity (ie $5 = 500 of the $0.01 item). Otherwise, we would need tons of these hidden products to add unique fees, which would clutter up your product management considerably.
  3. Our app’s scripts hide this “fee” product throughout your product pages, collections, cart, etc to make it look like option costs are part of your regular product.
  4. If you set price increase same flat rate for all products then you can change the Item personalization unit pice  from app settings with the flat rate. If you want to reduce unit then increase the price but it should be Least Common Divisor of all set value

However, on checkout, our app’s scripts cannot run (unless you are a Shopify Plus enterprise merchant). This is because your checkout page is hosted by Shopify, not on your store’s domain, and to be secure, Shopify doesn’t allow any third-party scripts or code to run on this page.

As a result, we cannot modify or “hide” the way your “Item personalization” product is displayed as we can on your cart page. The personalization will be listed as a separate “product” with the total cost of the personalization separated from the product’s base cost.

The only way to hide the “Item personalization”   product in the checkout is to Set “Save Personalization” to ‘Create New Product‘.

If you are a Shopify Plus enterprise merchant the quantity of “Item personalization” can be hidden by applying the following code in checkout.liquid :
<style>
.product[data-product-type="PPLR_HIDDEN_PRODUCT"] .product-thumbnail .product-thumbnail__quantity{display:none;}
</style>

You can change the title and image of this “Item personalization” product from Shopify product admin.

Checkout Page

Unfortunately, there is no way for us to change this from our app, as none of our code can run on your checkout page. We will always group item personalization with the product they’re associated with, but this is as far as our modifications can go for the checkout page. If this changes in the future to allow external scripts, we will absolutely update our app to hide the “Item personalization” product here as well, but it currently cannot be done.