Customizing the Featured and New Products Section Headers (Blueprint)

 

This requires editing the code of your store. See Getting Help for avenues of assistance.

These instructions apply to our legacy Blueprint Themes that have not been customized. They will not work with Stencil Themes. As always, we recommend backing up your current theme customizations before making any changes.


This article provides instructions for customizing the label that displays above the Featured and New Products sections on the homepage of BigCommerce stores. See Featured Products and New Products  for instructions on configuring your store to display Featured and New products.

Example of the Featured and New Products sections headers on a BigCommerce store homepage.

1. Go to Storefront Design › My Themes, then click Edit HTML/CSS.

Edit HTML/CSS

2. From the list of Files used by this template on the left, select HomeFeaturedProducts.html.

The HomeFeaturedProducts.html template file listing.

3. Locate, then replace the %%LNG_FeaturedProducts%% variable with whatever text you would like to display in its place.

Before:

The %%LNG_FeaturedProducts%% variable.

After:

Example of a customized featured products header code.

4. Save your changes.

The Save button.

Result:

Example of a customized featured product header on a BigCommerce store homepage.

New Products

1. Go to Storefront Design › My Themes, then click Edit HTML/CSS.

Edit HTML/CSS

2. From the list of Files used by this template on the left, select HomeNewProducts.html.

The HomeNewProducts.html template file listing.

3. Locate, then replace the %%LNG_NewProducts%% variable with whatever text you would like to display in its place.

Before:

The %%LNG_NewProducts%% variable.

After:

Example of a customized new products header code.

4. Save your changes.

The Save button.

Result:

Example of a customized new products header on a BigCommerce store homepage.

Getting Help

Don't feel comfortable adjusting your design or want to work with an expert? Check out our BigCommerce Partner Directory or ask your question in the BigCommerce Community Ask a Design Partner Group for assistance. Due to our Design Policy, our Techincal Support is unable to edit code or make design changes.

Was this article helpful?