Jumpstart

Jumpstart is made specifically for crowdfunding graduates, but is also perfect for selling one to ten products. Its home page showcases a video and a features section.

Sample Jumpstart theme image

To learn more about the theme sections that ship with Jumpstart, including some examples for how to use them, click the Sections button. To learn more about the settings available to customize your store, including favicons, colors, and typography, click the General settings button.

Common sections

Every theme includes two sections that appear on every page in your store:

  • the Header section is displayed at the top, and typically includes logo and navigation menus
  • the Footer section is displayed at the bottom, and typically includes a footer menu, payment icons, and a newsletter signup.

Most sections are contextual, which means that they only appear in the Sections tab for the page you are viewing in the theme preview area. The Header and Footer sections are common sections, which means that they appear in the Sections tab regardless of which page you are viewing in the theme preview.

Jumpstart includes several unique settings for header and footer content.

With Jumpstart, you can upload an inverted logo to display in your header against a dark background. Jumpstart also features a product Buy now button to encourage your customers to purchase a featured product that you select.

Logo images for the header section should be 200px wide.

To customize the header section:

  1. Click Sections.

  2. Click Header.

  3. Add your logo and inverted (light-colored) logo to the header:

    1. In the Logo section, click Select image, and then do one of the following:
      • To select an image you have already uploaded to your Shopify admin, click the Library tab.
      • To select an image from your local computer, click the Library tab, and then click the plus button.
    2. To add an inverted logo, check Inverted logo.
    3. In the Inverted logo area, click Select image, and then do one of the following:
      • To select an image you have already uploaded to your Shopify admin, click the Library tab.
      • To select an image from your local computer, click the Library tab, and then click the plus button.
    4. Enter the logo's width in the Custom logo width (in pixels) field.
  4. Set your navigation menu options:

    1. In the Navigation section, select the navigation menu you want to display in your store's header from the Menu drop-down list.
    2. From the Menu style drop-down list, select either a classic menu, or a drawer-style menu.
    3. From the Classic menu color list, select whether you want the menu text to be light or dark.
  1. Select a product for the Buy now button:

    1. Click in the Product for "buy now button" field.
    2. Start typing a product name, or select one from the drop-down list.
  2. Click Save.

With Jumpstart, you can display the following content in your store's footer section:

  • your store's logo
  • a newsletter signup form
  • a menu
  • accepted payment methods.

To customize your store's footer:

  1. Click the Sections tab.

  2. Click Footer.

  3. Add a logo to your footer:

    1. In the Logo image section, click Select image, and then do one of the following:
      • To select an image you have already uploaded to your Shopify admin, click the Library tab.
      • To select a stock image from Shopify's Burst stock image collection, click the Free images tab. From here you can enter a search term, or browse the image categories.
      • To select an image from your local computer, click the Library tab, and then click the plus button.
    2. Enter the logo's width in the Custom logo width (in pixels) field.
  4. To show a newsletter signup form, check Show newsletter.

  5. From the Menu drop-down list, select the menu you want to display in the footer.

  6. To show the payment methods you accept, check Show payment methods.

  7. Click Save.

Video

The Jumpstart home page features a video section. You can upload a thumbnail image for your video, and link to a video hosted on YouTube or Vimeo.

  1. Click the Sections tab.

  2. Click Video.

  3. In the Custom video thumbnail section, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select a stock image from Shopify's Burst stock image collection, click the Free images tab. From here you can enter a search term, or browse the image categories.
    • To select an image from your local computer, click the Library tab, and then click the plus button.
  4. From the Text color drop-down list, select whether you want the header text to be light or dark.

  5. In the Heading field, enter the text that you want to display over the video thumbnail. By default, this text is "Welcome!".

  6. In the YouTube or Vimeo link field, paste a link to the video on YouTube or Vimeo.

  7. Click Save.

Image and text

Jumpstart includes an Image and text section that lets you show an image with a custom message to your customers.

  1. Click the Sections tab.

  2. Click Image and text.

  3. From the Alignment list, choose whether you want the image on the left or the right of the text.

  4. To add the image, in the Image area, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select a stock image from Shopify's Burst stock image collection, click the Free images tab. From here you can enter a search term, or browse the image categories.
    • To select an image from your local computer, click the Library tab, and then click the plus button.
  5. Add the text to go with the image:

    1. In the Heading field, type the heading text you want to display.
    2. In the Text field, type the text you want to appear below the heading.
    3. In the Button label field, enter the text you want to appear on the button.
    4. In the Button link field, paste a link to a URL, or click in the field to select a page from your store.
  6. Click Save.

Text columns with icons

The Text columns with icons section lets you group informative text with associated icons. For example, you can describe what sets your brand apart, provide customer testimonials, or highlight how easy it is to shop your store:

Three columns of text describing how easy it is to shop

You can select from hundreds of icons from Font Awesome. To display an icon, enter the icon name in the Icon name field. The icon will display automatically.

To add a text columns with icons section:

  1. Click the Sections tab.

  2. Click Text columns with icons.

  3. In the Heading field, enter the title that will appear above the text columns.

  4. Add a text column with an icon:

    1. Click Describe a feature.
    2. In the Icon name field, enter the name of the icon you want to display. For example, "cutlery" or "shopping-cart".
    3. In the Title field, enter a title for the text column.
    4. In the Text field, enter the body of the text.
    5. From the Container width drop-down list, select a width for the text column.
  5. Repeat step 4 until you are finished adding text columns.

  6. Click Save.

Campaign tracker

Jumpstart includes a unique Campaign tracker section that links to your fundraising site and shows how close your are to your fundraising goal:

Campaign tracker section showing name of fundraising campaign and fundraising statistics
  1. Click the Sections tab.

  2. Click Campaign tracker.

  3. In the Title field, enter a title for your campaign.

  4. In the Subtitle field, enter a subtitle. Leave this field blank if you don't want to display a subtitle.

  5. From the Stats style list, select whether you want to display a pie chart with smaller text, or a bar chart with larger text.

  6. In the Background image section, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select a stock image from Shopify's Burst stock image collection, click the Free images tab. From here you can enter a search term, or browse the image categories.
    • To select an image from your local computer, click the Library tab, and then click the plus button.
  7. In the Campaign details section, enter the following statistics for your campaign:

    1. In the Funded percent field, enter the percentage of your total fundraising goal that you have raised.
    2. In the Funded amount field, enter the dollar amount you have raised.
    3. In the Number of backers field, enter the number of backers that have contributed to your campaign.
    4. In the Project URL field, enter the URL to your fundraising website.
  8. Click Save.

FAQ

You can add a list of Frequently Asked Questions (FAQ) to your home page. You can use this section to provide details about your fundraising campaign (if you have one), or answer questions about your products or shipping and return policies.

  1. Click the Sections tab.

  2. Click FAQ.

  3. In the Header field, enter a title for the FAQ section. By default, the title is "FAQ".

  4. To add a question, do the following steps:

    1. In the Content section, click a FAQ section to expand it.
    2. In the Heading field, type the question.
    3. In the Text field, type the answer.
  5. Repeat step 4 until you have added all the questions for the FAQ section.

  6. Click Save.

Slideshow

The recommended size for Jumpstart slideshow images is 1200 x 600px.

  1. Click the Sections tab.

  2. Click Slideshow.

  3. Click Slide.

  4. In the Image section, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select a stock image from Shopify's Burst stock image collection, click the Free images tab. From here you can enter a search term, or browse the image categories.
    • To select an image from your local computer, click the Library tab, and then click the plus button.
  5. In the Link URL field, do one of the following:

    • to link the slideshow image to a page in your store, click in the Link URL field and select a page from the list of options.
    • to link the slideshow image to an external URL, enter the URL address in the Link URL field.
  6. Repeat steps 3 to 5 until you have finished adding slides to the slideshow.

  7. Click Save.

Jumpstart's Featured product section doesn't show the product description. The product description only appears on the product page. This is because the many other sections for the home page are meant to explain and describe your product as well. Think of the Featured product section as a "call to action" that gets your customers to click through to buy your product.

  1. Click the Sections tab.

  2. Click Featured product.

  3. Click in the Product field to select from an alphabetical list of products in your store, or enter a product name.

  4. Click Save.

Blog

The Blog section displays up to 3 recent posts from your store's blog, and links to your blog page in your Shopify store. If you do not have a blog, you can delete this section from your front page.

Tip:

  1. Click the Sections tab.

  2. Click Blog.

  3. In the Header field, type the title you want to appear for this section. By default, the title is set to "Blog".

  4. Click the Blog list to select a blog from the list.

  1. Click Save.

Product page

You can allow your customers to share your products on social media. When you enable product sharing, the product page will display social media icons for Facebook, Twitter, Google Plus, and Pinterest:

Product page showing sunglasses and social media icons below Add to Cart button
  1. In the theme editor preview, open a product page.

  2. Click the Sections tab.

  3. Click Product pages.

  4. If you want your customers to share the product on social media, then check Enable product sharing.

  5. Click Save.

Collection page

You choose the number of columns and rows for product images displayed on your collection page. The product images will be resized to fit the page.

  1. In the theme editor preview, open a collection page.

  2. Click the Sections tab.

  3. Click Collection pages.

  4. Select the number of rows and columns you want to display.

  5. Click Save.

Cart page

When customers add an item to their cart, they are taken to the cart page right away. With Jumpstart, there's no "continue shopping" button or cart drawer. Jumpstart is meant for selling a single product, so there shouldn't be a need for your customer to keep shopping when they've made a decision.

With Jumpstart, you can enable cart notes for the customer to send instructions about their order:

Cart page showing
  1. In the theme editor preview, add a product to the cart page.

  2. Click the Sections tab.

  3. Click Cart page.

  4. Check Enable order notes.

  5. Click Save.

Colors

Jumpstart comes with several color options for various sections in your online store, including header and footer text, links, background color, and borders.

To set the color options for Jumpstart:

  1. Click the General settings tab.

  2. Click Colors.

  3. Click the colored square for the element you want to change, and then select a color from the palette.

Select the checkered square to set the color to transparent:

Color picker transparent

Typography

You can change the font and font size of the text in your store.

To set typography options:

  1. Click the General settings tab.

  2. Click Typography.

  3. In the Headings section, select the font for heading and button text from the drop-down menu.

  4. In the Body text section, select the font for body text in your store.

  5. Click Save.

Favicon

You can upload a favorites icon, or a "favicon", which can help brand your online store by displaying your logo in the following locations:

  • your web browser tab
  • your web browser's history
  • icons on your desktop
  • next to your online store name when it is bookmarked.

The best favicon image size for Jumpstart is 32 x 32px.

  1. Click the General settings tab.

  2. Click Favicon.

  3. In the Favicon image area, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select an image from your local computer, click the Library tab, and then click the plus button.
  4. Click Save.

Social media

Jumpstart includes several options for integrating your online store with social media, including Facebook, Twitter, and Pinterest. When you enter a social media URL, such as a link to your store's Facebook page, an icon will appear in your store's footer that customers can click to visit your social media site.

  1. Click the General settings tab.

  2. Click Social media.

  3. Enter the URLs of your social media sites in the fields provided.

  4. Click Save.

Checkout

This section lets you customize your store's checkout. Click here for more information about your store's checkout page.

Theme style

You can reset your theme's general settings to their default values. When you reset your theme's style, any changes you have made on the General settings tab will be lost, but you will not lose content such as text and images.

  1. Click the General settings tab.

  2. Click Change theme style.

  3. Click the button below Change theme style. The name of this button is typically the theme name.

  4. Click Change style.

Linking to home page sections

To make it easier for customers to get around your store's home page, you can add internal links to the different sections of your home page. To add internal home page links to a menu, set the link type to Web address and use one of the link addresses below as the destination:

Internal links
Home page section Link address
Image and video /#home-video
Image and text /#home-imagebox
Text columns with icons /#home-features
Rich text /#home-page
Crowdfunding campaign /#home-kickstarter
Frequently asked questions (FAQ) /#home-faq
Slideshow /#home-slideshow
Product /#home-product
Recent blog posts /#home-blog
Logo list /#home-clients

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free