Before we talk about the product description details page, let’s first introduce the association template. If the association template is well designed, the depth of access can be increased, that is, buyers will browse a few more pages to increase the number of views. At present, many new sellers use traditional associated templates. In fact, traditional templates have many limitations and they cannot use their creativity to design templates. Let’s first take a look at how to set up the associated template. First open the “Product Management” – “Template Management” – “Product Information” module.
After clicking on the new module, the system will ask us to choose which template to create. If we choose the associated product module, the default is the most traditional template. If we choose a custom module, we can design it according to our own requirements. Here we mainly explain custom modules. Don’t think that designing a custom module requires knowing code before you can make it. It will be difficult. In fact, custom modules are very simple to make. You don’t need to know any code. You only need to learn two skills to design your own template independently.
After creating a new custom module, you only need to learn to use the two functions of inserting hyperlinks and uploading pictures. These are the two skills I mentioned. By using these two functions flexibly, you can design as you like. The template is here. Before designing, let’s take a look at the sketch I drew. I hope everyone can understand it better.
This sketch is the association template we will make in the later stage. If you have other ideas, you can draw a different sketch. Here we use this sketch to make the association template. First, we can design a banner advertising promotion image. The image of the banner is added above. The following are all product pictures. As long as these pictures are designed, we can use the function of uploading pictures to upload them all to the custom module. After uploading, arrange the pictures in the form of the sketch above, and finally add Hyperlink so buyers can click on it.
Let me demonstrate how to design a template. First we need to design all the pictures according to the sketch and open our own picture library.
The picture materials have been prepared, and we can directly use the image upload tool to upload the pictures into the template.
After uploading all the pictures, we found that there was a problem with the order of the pictures. At this time, we used the space bar to move the pictures down and arrange them. After the pictures were arranged, the size of the pictures was still not centered.
The product image below is not centered with the image above. Let’s double-click the image to see what the width of the top banner image is.
The width of the banner image is 800px. There are 4 product images in each column below. Calculate the width of each of the 4 images to be balanced. The calculation method is 800px/4=200pOpx. The resulting width is 200px, but each image There still needs to be a little space between the images, so just reduce the size to 195px width. Adjust the width and height.
Now the template has been designed, but it cannot be clicked yet because all the images added are pictures, so the next step is to add hyperlinks to each picture so that buyers can click on it. After all settings are completed, click “Save Template”.
After reading the whole process, you will find that designing a custom template is actually that simple. As long as we design the picture beautifully, the template will be beautiful.