Loading statefile like printareas - Loading statefile like printareas

Hello Ben,

Could you explain in more detail about your user case. What are you trying to achieve and why do you need to initialize a second page with the same data.

For example, you can initialize the same design on interfaces and make text placeholders connected by using in-string placeholders
Documentation link: https://customerscanvas....-and-text-validation.htm paragraph Populate Several Elements With a Single Value

Both placeholders shoud have similar name and value like this in square brackets with a hash sign: [#name]

Regards, Victor

Ben,

Could you additionally tell how the process, in your opinion, occurs, when you switch from the first surface to the second surface, it is completely copied?
Such a setting can lead to the fact that when switching from the second to the first, the second will save all changes to the first. Or if you change the first one again, the changes will be applied to the second.

Could you describe the logic of how this should work

Regards, Victor

Ben,

If you want to create an additional surface, the following option will suit you:
It is best to add a new surface at the click of a button using the following code:

let product = await editor.getProduct();
let productModel = await product.getProductModel();
newSurface = productModel._surfaces._collection[0].clone();
productModel._surfaces._collection.push(newSurface);
product.setProductModel(productModel);

This code copies the existing design and adds it to the object model

Regards, Victor

Edited by user Wednesday, March 4, 2020 8:51:47 AM(UTC)  | Reason: Not specified

HI VICTOR

WHEN I USE the code
i have an error telling me that
product.getProductModel(); is not a function and is undefined.


HERE IS MY CODE
$('.copy_design').click(function() {
var product = editor.getProduct();
var productModel = product.getProductModel();
newSurface = productModel._surfaces._collection[0].clone();
productModel._surfaces._collection.push(newSurface);
product.setProductModel(productModel);


});

Thanks again

HI,
my code to clone a page is :

$('.copy_design').click(function() {

// Loading the editor.
CustomersCanvas.IframeApi.loadEditor(editorFrame[0], productDefinition, configuration)
//If the editor has been successfully loaded.
.then(function (e) {
editor = e;

var product = editor.getProduct();
var productModel = product.getProductModel();
var newSurface = productModel._surfaces._collection[0].clone();
productModel._surfaces._collection.push(newSurface);
product.setProductModel(productModel);
})
//If there was an error thrown when loading the editor.
.catch(function (error) {
loadData = handleError(error, "Load failed with exception: ");
});




//



});


I have the same error " product.getProductModel()" is not a function;

Idon't know if design atom work with IFrame API. But I fail to get the product model.

is there any way to clone a page without ATOM in IFrame API?.

Thanks