Back to Top

Insert Content

Filed in Creating and customising content

Insert Content Introduction

If you have not used Insert Content pages in the past, please refer to An Introduction to the Insert Content Method and Styling Inserted Content before reading the specific instructions via the table below.

Always switch to HTML edit mode when using HTML or shortcodes in Insert Content pages – see How do I switch to HTML edit mode?

Is your Insert Content page not working?

Insert Content pages must be created from a new page and must never be renamed. If your Insert Content page is not working as described, please refer to My inserted content is not working as described.

Insert Content List

Title Description
Insert Code or Script for All Pages
1. x ic close body code Globally insert code or content immediately before the closing body tag - refer to How do I insert code into my Big Cartel theme layout? before use
2. x ic head code Globally insert code into the head area of your shop HTML. This is not your shop header (see x ic header below) - this x ic head code page is not for displaying content - never add plain text or content tags to the head code - refer to How do I insert code into my Big Cartel theme layout? before use
3. x ic meta description PAGESLUG Edit the meta description for any given page - to obtain a PAGESLUG, refer to How do I obtain a page slug for a particular area of my shop? - refer to Should I be editing my meta tags, URLs or titles? before use
4. x ic meta title PAGESLUG Edit the meta title for any given page - to obtain a PAGESLUG, refer to How do I obtain a page slug for a particular area of my shop? - refer to Should I be editing my meta tags, URLs or titles? before use
5. x ic open body code Globally insert code or content immediately after the opening body tag - refer to How do I insert code into my Big Cartel theme layout? before use
Insert Content into All Pages
6. x ic after all Insert content after the main content on all pages
7. x ic after sidebar Insert content at the end of the sidebar on all pages (for themes with sidebars only)
8. x ic before all Insert content before the main content on all pages
9. x ic before footer Insert content before the footer
10. x ic header Replace the shop header text / image with custom content
11. x ic public notice Display a public notice at the top of all pages
Insert Content into Home Page
12. x ic after home Insert content after the main content on the home page
13. x ic before home Insert content before the main content on the home page
14. x ic home Replace the main content on the home page
Insert Content into Products (View All) Page
15. x ic after products Insert content after the main content on the all products page
16. x ic before products Insert content before the main content on the all products page
Insert Content into Category Pages
17. x ic after category CATEGORYNAME Insert content after the main content on a specific category page
18. x ic before category CATEGORYNAME Insert content before the main content on a specific category page
Insert Content into Artist Category Pages
19. x ic after artist ARTISTNAME Insert content after the main content on a specific artist category page
20. x ic before artist ARTISTNAME Insert content before the main content on a specific artist category page
Insert Content into Product Pages
21. x ic after product Insert content after the main content on all product pages
22. x ic after product description Insert content after the description on all product pages
23. x ic after product description in artist ARTISTNAME Insert content after the description on product pages where the product is in a specific artist category
24. x ic after product description in category CATEGORYNAME Insert content after the description on product pages where the product is in a specific category
25. x ic after product in artist ARTISTNAME Insert content after the main content on product pages where the product is in a specific artist category
26. x ic after product in category CATEGORYNAME Insert content after the main content on product pages where the product is in a specific category
27. x ic before product description Insert content before the description on all product pages
28. x ic before product description in artist ARTISTNAME Insert content before the description on product pages where the product is in a specific artist category
29. x ic before product description in category CATEGORYNAME Insert content before the description on product pages where the product is in a specific category
30. x ic before product in artist ARTISTNAME Insert content before the main content on product pages where the product is in a specific artist category
31. x ic before product in category CATEGORYNAME Insert content before the main content on product pages where the product is in a specific category
Insert Content into Cart Page
32. x ic after cart Insert content after the main content on the cart page
33. x ic after cart items Insert content after the cart items on the cart page
34. x ic after checkout button Insert content after the checkout button on the cart page
35. x ic before cart Insert content before the main content on the cart page

* CATEGORYNAME must be replaced with a category name of your choice, for example:

x ic after category Long Sleeve T-Shirts

Use the same method for PAGENAME and ARTISTNAME. In the case of PAGESLUG, refer to How do I obtain a page slug for a particular area of my shop?

An Introduction to the Insert Content Method

The Insert Content method allows you to easily and cleanly insert content into different areas and locations within your shop, without having to edit your original theme file code.

Using the Insert Content not only reduces the risk of corrupting your shop pages, but also makes your customisations far more manageable and easy to undo (by simply deleting the relevant Insert Content page) and prevents them from being overwritten when upgrading your theme.

Some useful applications for the Insert Content method include:

  • Using x ic home to replace the default home page content with a slide show or other custom content
  • Using x ic before category CATEGORYNAME to display category descriptions and/or category specific slide shows
  • Using x ic header to display an animated gif for a header (Big Cartel’s header image uploader does not support animated gifs)
  • Using x ic after product description in category CATEGORYNAME to display common product details for all products in a category

To Insert Content you must create a new page (you can not simply rename an existing page) in your Big Cartel Customize design > Pages (pages) admin area and name it exactly as specified by the Insert Content list in the previous section of this article. For example:

Insert Content After All Pages

In our example, any content we add and save to this page will be displayed after all content.

You can not change the name of an Insert Content page after your initial save. To change the type of your Insert Content page you must delete the Insert Content page you no longer need and create a new Insert Content page from scratch.

All Insert Content page titles begin with “x ic ” and these pages must be created and named from new to work correctly.

Always switch to HTML edit mode when using HTML or shortcodes in Insert Content pages – see How do I switch to HTML edit mode?

For general instructions on adding pages, refer to How do I add a page to my Big Cartel shop?

Styling Inserted Content

If you wish to apply custom styles to your inserted content, you can do so either via inline HTML styles or you can use your custom style coding area – refer to Where do I add custom style coding in my Big Cartel theme controls?

Note that special styling is required for your public notice (x ic public notice). Refer to How do I style my public notice? instead of the following.

All inserted content is assigned the class ic_block. So, for example, if you wanted to make all inserted content bold and font size 15px, you could add the following to your custom style coding area:

.ic_block {
	font-weight: bold;
	font-size: 15px;
	}

Additionally, each inserted content block has a class derived from the content name. For example, if you inserted content with x ic before cart you could style this block specifically by adding the following to your custom style coding area:

.ic_before_cart {
	colour: red;
	border-bottom: 1px solid blue;
	}

Note that the class is simply the Insert Content title without the x and with spaces replaced with underscores.

Inserted content that includes a user specified category name, does not include the category name in the class. For example, if you inserted content before the T-Shirts category page with x ic before product in category T-Shirts you would style this block by adding the following to your custom style coding area:

.ic_before_category {
	background: #fafafa;
	font-family: Courier;
	}

My inserted content is not working as described

If your inserted content is not displaying in the manner described in the Insert Content list (at the beginning of this support article), this is most likely because you have changed the insert content page name after your initial save and you are expecting its behaviour to change accordingly.

It is only the first name you assign to your insert content page that permanently defines how your inserted content behaves. Any subsequent name change will not have any affect.

To address this issue – i.e. to change the type of Insert Content page – you must:

  1. Delete the Insert Content pages that you no longer need (or that is not working as expected).
  2. Create your new Insert Content pages, using the correct name from the Insert Content list before your very first save of your new page.
  3. Add your content to your new Insert Content page and save it.

Upgrade Your Theme

If the above steps do not resolve your issue, this is most likely because you do not have the latest version of your theme installed.

To ensure you have all of the latest theme features, please upgrade your theme as detailed in the support article How do I upgrade my theme?

Related articles...