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 (
) admin area and name it exactly as specified by the Insert Content list in the previous section of this article. For example:

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:
- Delete the Insert Content pages that you no longer need (or that is not working as expected).
- Create your new Insert Content pages, using the correct name from the Insert Content list before your very first save of your new page.
- 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?