Placing Multiple Images in an Item/Category Template

Web site tags and item/category templates allow you to show the items you sell on your web store from various angles or in different colors or sizes.

You can publish multiple images for items in one of the following ways:

Use multiple <img src> tags to publish images directly from the File Cabinet.

With this approach, it is best to create an item drilldown template specific to each item, as the images may only be appropriate for a particular item. For details, see Publishing multiple images for an item using <img src> tags.
Use custom item fields to store images on each item record, and then use attribute tags in a site template to publish multiple images of the item on your site.

With this approach you do not need to maintain a set of templates when you want to change images for a particular item. The attribute tag you use in the item drilldown template refers to the custom field. This is so you can attach specific images to item records, but build different templates for your website that refer to the same custom field. For more information, see Publishing multiple images for items using custom item fields.

You must have the Advanced Site Customization feature selected on the Web Presence tab of the Enable Features page (Setup > Company > Enable Features) to create and edit item templates. An administrator must complete this task.

Publishing multiple images for an item using <img src> tags

Go to Commerce > Site Builder > Content > Images.
Click Images to open the Images folder.

Find the image you want to use, or in the footer of the page, click Add File. See Uploading Images for detailed information on uploading image files to NetSuite.
Go to Commerce > Site Builder > Appearance > Item/Category Templates.
Create your template file as instructed in Creating Item/Category Templates.
To add images, in your template HTML code, use <img src> tags that refer to the image files in the NetSuite file cabinet. Use the NetSuite-generated URL for a file in the images folder. To find the URL for the image file, click Edit next to the file you want to use, and then choose a URL on the file record. Note the following example of the <img src> tag.
```
                <img src="/core/media/media.nl?id=2033&c=563214&h=f6a40c57d48a0e61dde7"> 

              
```
- To align the image, add the align attribute in the <img src> tag.
- To add a border to the image, add the border specifications to the tag.
Click Save.
After you have saved your item/category template, go to Lists > Accounting > Items.
1. Click Edit next to an item record.
2. Click the Web Store subtab.
3. Select the item drilldown template you created, in the Item Drilldown Template field.
Click Save on the item record.

Publishing multiple images for items using custom item fields

Go to Customization > Lists, Records, & Fields > Item Fields > New.
In the Label field, enter a name for an alternate image field on item records, such as Alternate View Image.
In the ID field, enter a one word or number code that you will use in the tag for this field. For example, enter altimage. Later, you will use this ID to create an Attribute tag:
```
                <%=getCurrentAttribute('item','altimage') 

              
```
In the Type field, select Image.
Check the Store Value box.
Check the Show in List box to see data for this field in the Items list.
On the Applies To subtab, check the box next to each type of item you want to select additional images for.
On the Display subtab, set preferences for where you want this field to appear on the item record in NetSuite.
Click Save.
On each item record, locate your new custom field, and select or upload an alternate image for the item.
After saving each item record with an alternate image, create an Item Drilldown Template. To display the alternate image, use the tag format below enclosed in the <img src> tag in your template:
```
                   <img src='<%=getCurrentAttribute('item','altimage')%>'> 

              
```
For more information, see Creating Attribute Tags for Custom Records and Custom Fields. See also, Creating Item/Category Templates.
After you have saved your item/category template, you can do one of the following:
- Apply it to all items for an individual theme at Commerce > Site Builder > Appearance > Themes.
- Apply it to all items for a site with any theme at Commerce > Websites > Website List.
- Apply it to individual items on item records at Lists > Accounting > Items.

Publishing multiple images for an item using <img src> tags

Publishing multiple images for items using custom item fields

Related Topics