Dynamic sections for Brooklyn

Brooklyn includes several dynamic sections that you can use to customize the layout of your home page. You can add, rearrange, and remove dynamic sections to create the page layout. You can have up to 25 dynamic sections on your home page.

Slideshow

You can create a home page slideshow that's either full width or adapted to the height of the first image in the sequence.

It's best to use high resolution images for your slides. Use images that are 3840 x 2160 px or larger, but don't exceed Shopify's upload limits.

Because the size and shape of the slideshow depends on the size and shape of the customer's device, your slideshow images will be cropped on some screens. Try to use images that have a focal point in the middle so that the important part of each image is always visible.

To learn more about the best practices for slideshow images, see Uploading images.

The slideshow section includes the following settings:

  • Auto rotate between slides - Set the slideshow to play automatically.
  • Change slides every - Select how often to change slides.
  • Image - Add an image slide to your slideshow.
  • Overlay - Add a layer of color over your image slide. An overlay can make slideshow text easier to read.
  • Opacity - Set the opacity of your overlay.
  • Subheading text - Add a subheading to your slide. The subheading appears before the heading.
  • Heading text - Add a heading to your slide.
  • Button text - Add a button with a text label to your slide.
  • Slide link - Link your slide to another part of your online store.
  • Adapt to first image - Set the height of the slideshow to adapt to the height of the first image.
  • Image position - Choose the most important area of the image to focus on in the slideshow.
  • Text alignment - Align the text relative to the slides.
  • Color pickers for the slideshow buttons and text.

Customize your slideshow

  1. Click Add section.
  2. Click Slideshow, and then click Select.
  3. Use the settings to customize your slideshow.
  4. Click Save.

Blog posts

You can feature up to three blog posts on your home page.

The blog posts section includes the following settings:

  • Heading - Add a heading to your blog posts section.
  • Blog - Set the blog to feature posts from.
  • Posts - Set the number of blog posts to feature.
  • Show date - Display the date that your blog posts were published.
  • Show author - Display the author of your blog posts.
  • Show cover image - Display the cover image of your blog posts.
  • Show excerpt - Display a short summary of your blog posts.
  • Show 'View all' button - Add a button that links to the blog page of your online store.

Add blog posts to your home page

  1. Click Add section.
  2. Click Blog posts, and then click Select.
  3. Use the settings to customize your home page blog section.
  4. Click Save.

Collection list

You can feature up to nine collections on your home page.

The collection list section includes the following settings:

  • Heading - Add a heading to your collection list.
  • Collection - Set the collections that you want to feature.

Add a collection list to your home page

  1. Click Add section.
  2. Click Collection list, and then click Select.
  3. Use the settings to customize your collection list section.
  4. Click Save.

You can feature the products from one of your collections on your home page.

The featured collection section includes the following settings:

  • Heading - Add a heading for your featured collection.
  • Collection - Set the collection to feature products from.
  • Grid style - Set the layout for your featured products.
  1. Click Add section.
  2. Click Featured collection, and then click Select.
  3. Use the settings to customize your featured collection section.
  4. Click Save.

Image with text

You can feature an image and custom text on your home page.

The image with text section includes the following settings:

  • Image - Select an image to add to the section.
  • Image alignment - Set the side of the page that you want the image to be displayed.
  • Heading - Add a heading to the section.
  • Text - Add text to the section.
  • Button label - Add the text that you want to appear on the button.
  • Button link - Link your button to another page or website.

Add an image with text to your home page

  1. Click Add section.
  2. Click Image with text, and then click Select.
  3. Use the settings to customize your image with text section.
  4. Click Save.

You can feature a product on your home page. Featuring a product is a great way to promote a new product or a product that's on sale.

The featured product section includes the following settings:

  • Product - Select a product to feature on the home page.
  • Show variant labels - Display the product variant labels, such as "Size" and "Color".
  • Show vendor - Display the product brand or vendor.
  • Text - Add text to your featured product.
  • Button label - Add a button with a text label to your featured product.
  • Button link - Link your button to another page or website.
  1. Click Add section.
  2. Click Featured product, and then click Select.
  3. Use the settings to customize your featured product section.
  4. Click Save.

Newsletter

You can add a newsletter signup to your home page. With a newsletter signup, you can collect customer email addresses for email marketing campaigns. Learn more about email marketing on the Shopify blog.

Add a newsletter signup to your home page

  1. Click Add section.

  2. Click Newsletter, and then click Select.

  3. Enter a heading for your newsletter signup.

  4. Enter a subheading for your newsletter signup.

  5. Click Save.

Map

You can add a Google map to your home page to show customers where your business is located.

The map section includes the following settings:

  • Heading - Add a heading to your map section.
  • Address and hours - Add your store's address and hours to your map section.
  • Map address - Set the map to show your store's location.
  • Map link label - Add a button that links to your location on Google Maps.
  • Show pin - Add a pin that shows your store's specific location on the map.
  • Google Maps API key - Add your map's API key to the map section.
  • Image - Add an image that's displayed if the map doesn't load.
  • Image position - Set the placement of the image.

Add a map to your home page

  1. Click Add section.
  2. Click Map, and then click Select.
  3. Use the settings to customize your map section.
  4. Click Save.

Rich text

Use the Rich text section to provide any written content that you want to display on your home page, or to embed any page created in your Shopify admin. For example, you can feature upcoming events by embedding your blog page, or display a page with any of the following:

The rich text section includes the following settings:

  • Wide display - Decrease the margins on either side of your text.

  • Heading - Add a heading to your rich text section.

  • Text - Add and format your custom text. If you want to feature a page from your store, then click Add content and then click Page. Select a page to feature as your home page from the drop-down menu.

  • Size - Set the size of your text.

Add rich text to your home page

  1. Click Add section.

  2. Click Rich text, and then click Select.

  3. Use the settings to customize your rich text section.

  4. Click Save.

Video

You can add a YouTube or Vimeo video to your home page. Videos can engage customers and generate interest in your business.

To add a video, you need to find the video's sharing link:

  • YouTube - A Youtube sharing link looks like this: https://youtu.be/Oc5v_ToKP7c. You can learn how to copy the sharing link for a YouTube video in this YouTube Help article.
  • Vimeo - A Vimeo sharing link looks like this: https://vimeo.com/123456789. You can learn how to copy the sharing link for a Vimeo video in this Vimeo Help Center article.

The video section includes the following settings:

  • Heading - Add a heading to your video section.
  • Video link - Add the sharing link for your video.

Add a video to your home page

  1. Click Add section.
  2. Click Video, and then click Select.
  3. Use the settings to customize the video section.
  4. Click Save.

Custom HTML

You can create custom content for your home page. For example, you can use HTML to format text blocks, create tables, or embed content from another website.

The custom HTML section includes the following settings:

  • HTML - Add the HTML code that you want to be displayed on your home page.
  • Container width - Set the width of your custom HTML section.
  • Vertical alignment - Set the vertical position of the content in the section.

Add custom HTML to your home page

  1. Click Add section.
  2. Click Custom HTML, and then click Select.
  3. Use the settings to customize your custom HTML section.
  4. Click Save.

Ready to start selling with Shopify?

Try it free