It is now possible to embed stretching functionality into catalogue products. Before this, the dimensions of products were mostly only changed through the properties window. Now, we can directly stretch the yellow snap points of a product in order to manipulate the dimensions tied to it, providing a more engaging and interactive experience. The immediate and responsive visual feedback provided to you through stretching simplifies the process of fitting products into your layouts. Depending on how your catalogues are set up, you can even change your product on the fly via stretching.

Stretching a product

It is also possible to incorporate Additional Products when using stretching in Catalogues.

Stretching an Additional Product within a Product

This is a guide to explain and walk you through all the steps needed to implement simple stretching for your catalogue products. At the end of this guide, you should have an understanding of the new components required for stretching as well as how to add them to your products.

Test files

The test files used in this guide can be found at the top of the page (Walkthrough Files.zip). Unzip this archive to find two folders within it: Completed Product and Initial Product. Both folders contain a table model and a catalogue project you can open in Catalogue Creator.

The files in Initial Product represent a product that has not had stretching capabilities added to it. You can freely modify this file as you follow along with the steps in this guide.

The files in Completed Product have already been set up to contain a stretchable product, representing the outcome of this guide.

Let's begin

Before we dive into setting up our products in Catalogue Creator, we must first do some initial preparations with our model files (Step 1: Models Setup).

We will then move on to creating the features used to define the domain of values used for stretching (Step 2: Features for Stretching).

Lastly, we will look at preparing our catalogue products and tie together everything we have created (Step 3: Linking Everything Together).