Getting started

How to edit your Hype theme up to date

The Hype theme is designed to be easy to customize and keep updated without needing any technical knowledge. Here’s how you can edit and update your theme as new versions become available.

How to edit your Hype theme

You can customize your store’s content and layout using the Shopify theme editor, a visual tool that doesn't require any coding.

Full official guide:
👉 Editing your theme on Shopify

Note: The largest theme shown is your published theme (visible to customers). The other themes are in your theme library and only visible to you. You can work on an unpublished theme to preview changes without affecting your live store.

Step-by-step guide to updating the Hype theme

We regularly release updates with improvements, new sections, or compatibility with new Shopify features.

Theme updates are free, as long as your theme was installed from a valid source.

Learn more in the official documentation:
👉 Updating your theme on Shopify

There are two types of updates:

1. Automatic updates:
   Shopify will update your theme automatically if:

• You haven’t edited the theme code.
• You haven’t installed apps that change the code.
• You haven’t hired a developer who modified the code manually.

2. Manual updates:
   If your theme is not eligible for automatic updates, Shopify will show a message allowing you to add the new version to your theme library. You can copy content and templates, but any custom code (JS, CSS, or Liquid) must be re-applied manually.

Our support team does not assist with this process. You may hire a Shopify Expert if needed.

Important

• If you downloaded the theme from unauthorized sources (like Fiverr or Facebook), you will not be eligible for updates or support.
• If you're using a very old version of the theme, you must re-download it from the Shopify Theme Store, provided it was originally installed from an official source.

Using sections properly and customizing default content

The Hype theme includes multiple prebuilt sections and default wordings. Here's how to use them responsibly and customize them to fit your brand.

Using sections responsibly

Shopify's editor allows you to freely add and rearrange sections, but it’s important not to overuse them. Too many sections can negatively affect performance, clarity, and SEO.

Best practices:

• Limit each page to 10–15 sections.
  This helps improve loading speed, customer focus, and maintainability.
  
  
• Spread content across multiple pages.
  For example, instead of adding brand info to the home page, create a dedicated “About Us” page.
  
  
• Respect platform limits:
  
  
• Shopify limits themes to 25 unique sections.
• Some sections (like slideshows) have block limits (e.g., 6 slides) to protect usability.
• Menus only support 3 levels of nesting.

Tip: If something isn’t working as expected, don’t assume it’s poorly built. The theme is designed based on years of experience. Only make changes when you've identified a real issue through data or user feedback. If needed, consider hiring a developer:

👉Shopify Experts Directory

Changing default theme content

Hype is available in over 20 languages, but you may want to adjust some default wordings to better match your brand voice.

Note: These changes only apply to your store’s primary language. If your store supports multiple languages, use a translation app likeTranslate & Adapt.

👉Changing default theme content (official guide)

SEO best practices

The Hype theme is technically optimized for SEO. However, there are several actions you can take to improve your store’s visibility. We also explain how to remove the “Powered by Shopify” text from the footer.

Is the Hype theme SEO-optimized?

Yes. Hype includes:

• Clean heading and semantic structure.
• Meta titles, meta descriptions, and structured data.
• Accessibility-ready code.

👉Shopify official SEO guide

Recommended actions to improve your SEO

• Publish original content regularly: create unique pages and blog posts.
• Don’t overuse keywords: write for humans, not for bots.
• Promote your store outside Shopify: social media and backlinks help build authority.
• Invest in ads for competitive industries.
• Hire an SEO expert for tailored strategy.

About heading structure (h1, h2...)

Do not modify the default heading structure. It's already optimized for accessibility and modern SEO standards. Changing a h2 to a h1 won’t improve SEO and might harm usability for some users.

Why is my store not showing in search engines?

SEO takes time. Competing in crowded niches like fashion, jewelry, or cosmetics requires months of effort. Having a live store doesn’t guarantee immediate visibility.

Should I use SEO apps?

No. Most SEO apps interfere with Shopify’s native features and cause problems. Hype is already SEO-optimized out of the box.

What is alt text?

Alt text describes an image for users with visual disabilities and for search engines. Write short, clear, human-friendly descriptions. Avoid stuffing keywords.

Removing the “Powered by Shopify” message

Shopify adds this text by default in the footer.

You can leave it to build customer trust, or remove it by following these steps:

Understanding how sections and blocks work 

The Shopify theme editor is built around two key elements: sections and blocks. These are the building blocks you use to structure your store using the Hype theme.

What is a section?

A section is a structural unit on a page (e.g., image carousel, product list, banner...). Shopify allows up to 25 sections per page (this is a platform limit and cannot be increased).

👉Official guide on sections and blocks

How to add a section:

1. Open the theme editor in Shopify.
2. Click on “Add section”.
3. Choose the section type and configure it.
   
   
   
   

How to reorder a section:

1. Click the six-dot icon next to the section name.
2. Drag the section to the desired position.

How to delete a section:

1. Select the section.
2. Click “Remove section”.

Once deleted, a section cannot be recovered. If you want to hide it temporarily, click the eye icon instead.

What is a block?

Some sections allow adding blocks, which are repeatable elements inside a section.
For example, each slide in a slideshow is a block.

How to add a block:

1. First, add a section that supports blocks.
2. Click “Add block” and choose the type you want.

Blocks can be added, reordered, and removed just like sections.

Block limits

Some sections enforce a maximum number of blocks (e.g., a slideshow is limited to 6 slides). This is for:

• Performance reasons: too many blocks can slow down your site.
  
  
• User experience reasons: most visitors won’t see beyond the first few slides, so adding more can lower conversions.

How to use metafields and metaobjects in your store

The Hype theme supports Shopify's metafields and metaobjects, which allow you to display custom data on your storefront — no coding required.

What is a Metafield?

A metafield lets you store additional information for products, collections, pages, etc., that Shopify doesn’t include by default. Examples:

• Ingredient list
• Launch date
• Instructional video
• Volume or weight
• Care instructions

👉Official guide on Metafields

How to use metafields on your storefront:

1. Create a metafield in your Shopify admin (e.g., “Care guide”).
2. Enter its value for each product or collection.
3. In the theme editor, go to the section or block where you want to show the data.
4. Click the database icon next to a field.
5. Select the correct metafield.
   
   

Note: The metafield type must match the setting type (e.g., image metafield → image field).

👉 Contact Shopify support if you need help

Metafield limitations:

• You cannot connect certain types, like PDFs.
  
  
• Variant metafields can’t be displayed using the theme editor. You’ll need a developer.
  👉Hire a Shopify expert

What is a Metaobject?

A metaobject is a structured group of metafields. It’s useful to manage complex content or reusable data models — like product specs, author profiles, etc.

If you’re starting out, you likely don’t need metaobjects yet. They become useful as your store grows and content needs become more advanced.

👉Official guide on Metaobjects

Recommended image sizes and formats

High-quality, fast-loading images are essential to build trust and increase conversions. Below are practical image size guidelines for your store using the Hype theme.

👉 Official Shopify guide for product images

Recommended formats

• JPG: Best for fast loading and high quality.
• PNG: Only use if you need transparency. Heavier than JPG.
• GIFs: Not recommended. They’re slow and affect performance.

Theme editor images

When uploading an image directly via the theme editor, the recommended size will appear below the image picker. You can use other sizes if needed, but following the recommendation is a good starting point.

Product images

Choose a ratio that works best for your products and be consistent across all items.

• Square images:
  Recommended: 2400 x 2400 px (JPG)
  Ideal for general or electronic products.
  
  
• Portrait images:
  Recommended: 1800 x 2400 px (JPG)
  Great for clothing or tall items like bottles.
  
  

Keeping consistent dimensions gives your store a cleaner and more professional look.

Collection images

Displayed as banners in collection pages.

Recommended: 2400 x 900 px (JPG)
👉How to change a collection image in Shopify

Blog post images

Used on the homepage and blog listing when showcasing posts.

Recommended: 2400 x 1200 px (JPG)
👉How to add blog post images in Shopify

Image crop behavior

Some sections may crop images to fit design constraints (especially in older versions). To reduce cropping, use consistent proportions or update to the latest Hype version if needed.