Table of Contents
Introduction #
Each Product Range has its own collection of media from the supplier. The method of collating and displaying this information on the DIY Floorboards website is by displaying it through a HTML Block.
This solution allows the data to be displayed and shared in a controlled fashion with central source of data. One HTML Block is created per Product Range and assigned to all products in bulk via CSV.
The HTML Block is displayed after the content. This means that the HTML Block is shown after Product Name, SKU, and Quick Quote assets.
Upload Required Files #
- We’re going to use WordPress’ built in file manager to load the required files
- Navigate to Media > Add New
- From your computer, click and drag all the files for the range that you’re currently working on (doing it range by range is going to create less chance of error) into the upload screen

Create Product Range HTML Block #
- Navigate to HTML Blocks > All Items and select Click to Clone from the hover menu on the Downloadables; Aspire block
- Edit this clone. Change its name and permalink to the range that you’re working on
- Edit the Section titleblock to reference the Range and Brand that you’re currently working on
- In the Accordion Item blocks, edit them and change the URL’s in the Download here links to the files you just uploaded in Step 1.3
- Select Publish to publish this HTML Block

Attach HTML Block to Donor Product #
- Navigate to Products > All Products and select Edit from the hover menu on a product from the range you’re working on
- Scroll down the page until you come to the Extra Content Options section
- Select the HTML Block that you just created via it’s name, or it’s ID number
- Select that you want to show the extra content After Content
- Select Update to commit this change to the product
- View product to ensure that the HTML Block you added in the correct one, and the positioning is correct

Attach HTML Block to all Required Products via CSV #
- Once you’ve confirmed that the HTML Block is correct, the downloadable links are correct and the positioning is right, download a clean CSV from Products > All Products (with meta selected)
- Filter out and remove all products from the spreadsheet that aren’t a part of the range you’re working on
- Identify the columns titled Meta: _woodmart_extra_content and Meta: _woodmart_extra_position
- At least one of the rows will contain the ID of the HTML Block you created and the other will contain the word after
- Ensure that all rows (all products in the range you’re working on) have these two values copied into them
- Save the CSV and upload in Products > All Products
