I am looking for a solution where the site visitor enters content into the customizable line item and then the product image is updated and shows the inputed values.

Example 1: We want to build a T-shirt store with a default product image of the T-shirt, and the site visitor enters the "slogan" to be printed on the T-shirt into the customizable line item field. The product image then refreshes to show the slogan on the shirt.

Example 2: This example allows the site visitor to enter his/her name to be engraved on the product (much like Apple's iPod feature). Once the user enter's his/her name the product image is updated to show how the engraving would appear on the product.

My solution will require multiple customizable line items depending on the product. Will I need to utilize image styles, Rules, or a custom hook to output the inputed value onto the product image?

Comments

BD3’s picture

BD3 CreditAttribution: BD3 commented
Assigned: BD3 » Unassigned
tarasiadis’s picture

tarasiadis CreditAttribution: tarasiadis commented

Hi,
I would like to know if someone implement something similar to or if someone could help us.

The extra feature that we need is the preview of the customizable product as the BD3 describe. What is our target? We would like to transfer this static website www.mypetid.net to drupal commerce to be able to extent its features. But we need this preview product tool when the user type something on the customizable textfields of the product.

Our eshop will sell plastic or metal tags as you could see from our site www.mypetid.net
The problem is that we need the user to be able to fill in some texts that he want to print on tag, line the animal name, contact phone etc.

So if we implement the custom text on the product with customizable product module of ecommerce, is there any method to preview the final product to user, as we do on our site www.mypetid.net?

We thought some custom code in the product detail page to preview the final custom product using jQuery.

I have found this implemantation http://www.zazzle.co.uk/personalized_large_t_shirt-235720396763667998 and wondering something like this is possible with drupal commerce.

So, is someone that implements something similar or someone to help us?

hockey2112’s picture

hockey2112 CreditAttribution: hockey2112 commented
Issue summary: View changes

Just wanted to chime in and see if either of you (or anyone else) had found a way to do this. Any updates?

nvahalik’s picture

nvahalik CreditAttribution: nvahalik at Centarro commented
Status: Active » Closed (works as designed)

So we've got a couple of things going on here.

This module allows you to customize an individual product since products cannot be customized themselves. Therefore you're not going to be able to update a product directly with a custom image because the products cannot be changed. However, you can customize the cart and the rest of the views that go through the checkout process. You could very easily add an image to the line item and then display that image in the cart and checkout process rather than the original product image. You can probably even set the fall-back image as well.