A Detail Page Template You Can Reuse for Every New Arrival

The on-model shots are ready, but the detail page is not.
In Korean marketplaces a product detail page is one long image,
or a stack of images, that the shopper scrolls through: a main shot,
on-model shots, details, a size chart.
Building it means uploading the photos to a design tool, deciding the order,
and drawing the size chart, and doing all of that again for every new arrival slows your listings down.

A template with the order already set reduces that work to adding photos and text.

LaonGEN Canvas is an editor that lays out photos and text and turns them into detail page images.
It includes a detail page template,
and you can pick the on-model shots you made in LaonGEN without downloading them first.
Photos you shot yourself work too.
Once a layout is done, save it as a template,
and for the next arrival you change only the photos, the product name,
the sizes, and the material.

A Detail Page Template with the Shot Order Built In

The first decision in detail page design is the order of the shots,
before fonts or colors.
A main shot catches the eye, on-model shots show the fit,
and details and size information answer the last questions.
We cover how to set that order in our guide to detail page images and layout.

The “Basic detail page” template in Canvas is built for fashion detail pages,
where photos stack from top to bottom, and it already has this order.
The example above follows it.

Replace the five photos and the text to fit your product.
Delete any section you do not need,
and rename the size chart columns for bottoms or dresses,
for example to waist and hip.

How to Make a Detail Page: Pick a Template, Fill It, Generate

Canvas sits under Studio in the LaonGEN left-hand menu and is open to every subscriber, regardless of plan.
The steps are:

For photos, the “Select image” window lists the on-model and product shots you made in LaonGEN under “My Results”, and you can add your own with “Upload”.
Drag a photo to move the part that shows inside the slot,
and use the zoom slider to size it.

For text, double-click the sample text, such as BRAND TITLE and PRODUCT NAME,
and type your own brand and product details.
In the size chart, click a cell to enter a number and press Tab to move to the next cell.

Sections come in six types — Image, Text, Image Grid, Color block, Table,
and Spacer — and you can drag them to reorder.

Your changes are saved automatically.
Edit on a desktop; the editing panels do not appear on a phone screen.

Generating Images: Set the Width, Then Check the Count and Credits

Pressing “Generate Image” opens a window.
The first thing to set there is the width.
The default is the largest size at which your photos stay sharp.
If the store you are uploading to specifies an image width,
choose “Custom” and enter that number.
The width can be anywhere from 500 to 4000 px, and the height follows the content.

Once the width is set, the window shows how many images you will get and how many credits they cost.
Each image is 1 credit.
The number of images can change with the width,
so decide after looking at the count and credits shown.

Five checks before you generate

• Every photo slot is filled (delete the section if you are not using a slot)
• All sample text such as BRAND TITLE and PRODUCT NAME is replaced (anything left appears in the image as is)
• The numbers in the size chart are correct
• The width matches what your store requires
• You have checked the image count and credits shown in the window

What You Get: One Long Image, and the Same Page in Pieces

When generation finishes, the images are saved under Canvas in your results as JPG files.
They come in two forms: one long image of the whole page,
and the same page split into several images that are easier to upload.
Use the long image where a store accepts it as is,
and upload the pieces in order where a store limits the height of a single image.
Credits are counted by the number of pieces;
the long image is not counted separately.

The example at the top is what came out.
It was made 1790 px wide, and the long image is 10,169 px tall (see the long image).
It was split into four pieces, so it costs 4 credits.

Here is how the splitting works.
A canvas turns into images page by page,
and the Basic detail page stacks all its sections on a single page.
When a page is long, it is split so that no piece is taller than 4,000 px,
and the breaks fall between sections, not through a photo or a block of text.
If your store’s height limit is shorter than that,
use the page button at the bottom of the canvas to build the layout across several pages from the start; each page comes out as its own image.

You can keep editing the canvas after generating.
Requesting the same content at the same size again reuses the existing result and costs nothing; if you change the content and generate again, you get a new result and pay for its images.

Save It as a Template and Reuse It for the Next Arrival

Once a layout works, keep it with “Save as template”.
Only the photos are dropped; the section structure, layout, and text stay.
Text that is the same every time, such as the brand title or care instructions,
does not have to be typed again, so for the next arrival you open the template,
add photos, and change the product name, sizes, and material.
Saved templates appear on the templates tab of the Canvas start screen.

Banners and Instagram Carousels Work the Same Way

The on-model shots you make in LaonGEN also work for store banners and Instagram posts.
The “Wide banner” template is a single 16:5 page with copy on the left and two photos on the right.
The banner below was made from that template by adding two on-model shots and changing the copy.

The “SNS carousel” template has four pages in 4:5: a cover, a full-length shot,
a four-photo detail grid, and product information.
Generating gives you one image per page, four in all, ready to post as a carousel.

You can also start from “New canvas” without a template and place photos and text on a Color block to build your own layout.

Several Shots in One Image, Then a Video

An image made in Canvas can also be the starting point for a video.
The image below was made by placing three on-model shots side by side in an Image Grid and generating them as one image.

Pick that image as the start frame in Create Video,
choosing it from your results,
and you get a video in which all three shots move together on one screen.

Before You Start

• Canvas is available to every LaonGEN subscriber, regardless of plan,
  and there is no free trial for it.
• Photos you upload can be JPG or PNG, up to 20 MB.
• A canvas can have up to 10 pages.

If you are subscribed and your photos are ready,
open the “Basic detail page” template and add five of them.
If you have not subscribed yet,
use the credits you get at sign-up to make on-model shots first; once you subscribe, they are waiting under “My Results” in Canvas.