Back to Top
Big Cartel Personnel Page Template

About Us – Meet the Team

Page Template

Suitable for Any Aarcade Theme

Free

The About Us – Meet the Team page is displayed in Aarcade Big Cartel theme previews as an example of a custom page.

Additionally, this page uses the inbuilt shortcode system, unique to Aarcade themes, to easily create complex content like columns.

See installation instructions below.

Instructions

Make sure you have an Aarcade theme installed before proceeding with the following instructions. This extra will only work with an Aarcade theme.

Read the shortcodes support article. Understanding Aarcade’s shortcode system will help you get the most out of this page template.

Create a new custom page, as detailed in the support article How do I add a page to my Big Cartel shop?, and name it “Meet the Team” or a relevant name of your choice. You can also use Insert Content pages to display this content anywhere in your shop.

IMPORTANT

Switch to HTML edit mode before proceeding – refer How do I switch to HTML edit mode?

Copy all of the code in the code box below and paste it into your new custom page content area.

Edit the content as required. As a minimum you will need to:

  • Replace the sample images with your own images. Refer to How do I upload images or files for my Big Cartel page content? to prepare, upload and retrieve public URL’s for your images (no hosting required). Note:
  • Review and edit the columns settings as required – ref. Shortcodes > columns. Note:
    • The column groups (everything within and including the shortcodes [[columns]] ... [[/columns]]) can be copied and repeated as required.
  • Replace the filler text with your own text. Note:
    • Heading tags have been used to create titles.
    • Link tags – a – have been used to create personnel social network links – change the href and text and duplicate as required.
    • Double returns between text lines automatically creates paragraphs, so there is no need to manually create p tags.
    • Single returns between text lines automatically creates line breaks, so there is no need to manually create br tags.
    • Horizontal rule tags – hr – are used to divide content.
    • The clearspace shortcode has been used throughout the content to create vertical padding where needed.

Click the Save link when you are done editing your page content.

After you have saved your page, to make the page link appear in a sub-menu under a parent page (i.e. the About Us page in our example), refer to section Moving Page Links to a Sub-page Menu of article How do I control the page navigation in my Big Cartel shop?

<h1>Columns Shortcode</h1>

This is an example of using Aarcade's unique <a href="http://support.aarcadethemes.com/shortcodes/">shortcode system</a> to create a "Meet the Team" page. Using the <b>columns</b> shortcode, you can create pages like this in just minutes.

[[clearspace]]

<hr />

[[clearspace]]

[[columns padding="30" divider="yes"]]
<img src="http://theme.aarcadethemes.com/preview/images/team-female.jpg" alt="Mrs X" class="alignleft" /><b>Name:</b> Ms. X
<b>Role:</b> Founder & Manager
<b>Twitter:</b> <a href="https://twitter.com/#!/twitter" target="_blank">@mrs-x</a>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.
[[column]]
<img src="http://theme.aarcadethemes.com/preview/images/team-male.jpg" alt="Mr Y" class="alignleft" /><b>Name:</b> Mr. Y
<b>Role:</b> Creative Director
<b>Twitter:</b> <a href="https://twitter.com/#!/twitter" target="_blank">@mr-y</a>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
[[/columns]]

[[clearspace]]

[[columns padding="30" divider="yes"]]
<img src="http://theme.aarcadethemes.com/preview/images/team-male.jpg" alt="Mr A" class="alignnone" />

<b>Name:</b> Mr. A
<b>Role:</b> Design
<b>Twitter:</b> <a href="https://twitter.com/#!/twitter" target="_blank">@mr-a</a>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
[[column]]
<img src="http://theme.aarcadethemes.com/preview/images/team-male.jpg" alt="Mr B" class="alignnone" />

<b>Name:</b> Mr. B
<b>Role:</b> Support
<b>Twitter:</b> <a href="https://twitter.com/#!/twitter" target="_blank">@mr-b</a>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
[[column]]
<img src="http://theme.aarcadethemes.com/preview/images/team-female.jpg" alt="Mrs C" class="alignnone" />

<b>Name:</b> Ms. C
<b>Role:</b> Marketing
<b>Twitter:</b> <a href="https://twitter.com/#!/twitter" target="_blank">@mrs-c</a>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
[[column]]
<img src="http://theme.aarcadethemes.com/preview/images/team-female.jpg" alt="Mrs D" class="alignnone" />

<b>Name:</b> Ms. D
<b>Role:</b> Design
<b>Twitter:</b> <a href="https://twitter.com/#!/twitter" target="_blank">@mrs-d</a>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
[[/columns]]