BigCommerce

[DRAFT] Afterpay Product Page Display

BigCommerce Theme Platform

The below instructions are for BigCommerce themes built using the Stencil theme platform.

Configuration

Completing the below steps will position the Afterpay Product Page assets on your BigCommerce website.

  1. Navigate to the below link:
    https://static.afterpay.com/bigcommerce-afterpay-stencil-product.html

  2. Click the ‘Copy to Clipboard’ button.

INSERT SCREENSHOT HERE

  1. Navigate to: BigCommerce Control Panel.
  2. Navigate to: Storefront > My Themes.
  3. Make a copy of your Current Theme by clicking ‘Advanced > Make a Copy’
  1. Add ’ - Afterpay’ to the Theme Name and click ‘Save a Copy’.
  1. Under the ‘My Themes’ section, locate the theme copy, click the breadcrumbs and then ‘Edit Theme Files.’

  1. Navigate to: templates > components > products

  2. Open the product-view.html file.

  3. Search the product-view.html file for:

  4. Open the product-view.html file.

Paste the copied text (Step 2), at the bottom of the ‘theme.liquid’ file.
Paste the copied text (Step 2), at the bottom of the ‘theme.liquid’ file.

  1. Paste the copied text (Step 2), at the bottom of the ‘theme.liquid’ file.
  2. Paste the copied text (Step 2), at the bottom of the ‘theme.liquid’ file.

  1. Click Save.

  2. Navigate to the website and review the product page for Afterpay assets.
    Example below