Showing sections at the right time
The same page doesn’t have to look the same for everyone. Ignite can show a section only in the evening, only on phones, only when a product is out of stock, or only when there’s something to show.
These settings are in the Advanced group at the bottom of most sections, and in the Visibility group of many blocks.
By time of day
Turn on Only show at specific times of the day, then untick the times when the section shouldn’t show:
| Time | Hours |
|---|---|
| Morning | 5am to 12pm |
| Afternoon | 12pm to 5pm |
| Evening | 5pm to 9pm |
| Night | 9pm to 5am |
It uses the customer’s own local time, so a customer in New York and one in London each see what suits their time of day. In the theme editor, the section always shows, so you can edit it.
Ideas:
- A “Order before 2pm for same-day dispatch” ribbon in the morning only.
- Breakfast products first in the morning, and dinner ideas in the evening.
- A “We’re offline, we’ll reply in the morning” note at night.
On mobile or desktop
Set Show on to Mobile, Desktop or Both. Use it to give phones a simpler version of a section, such as a square image banner on mobile and a wide one on desktop.
Only when there’s content
Many sections have Hide this section when there’s no content to show, worded to suit the section, such as “no image” or “no products”. It’s made for content that comes from metafields, so one template can serve every product:
- Create a metafield, such as a File metafield for a lifestyle image, and fill it in on the products that have one.
- On the product template, add a section such as Image banner, and connect its image to the metafield.
- Turn on Hide this section when there’s no image to show.
Products with the metafield show the banner, and the rest show nothing, with no empty gap. In the theme editor, the section always shows.
See Metafields reference for the metafields Ignite already understands.
By stock level
Product page blocks have Stock condition to show on. Show a block only when:
- The product is in stock, or out of stock.
- The selected variant is in stock, out of stock, or out of stock but still selling.
For example, show a Back-in-stock alert only when the chosen variant is sold out, or a delivery message only when it’s in stock.
In quick add
Many product page blocks have Show in quick add, which hides them in the quick add popup while keeping them on the product page. Use it to keep the popup short. See Product cards.
Common questions
Can I show a Shopify section only at certain times of day?
Yes. In most Ignite sections, turn on Only show at specific times of the day and choose morning, afternoon, evening or night. It uses the customer’s local time.
How do I show a section on mobile only?
Set Show on, in the section’s Advanced settings, to Mobile.
How do I hide a section when a product has no content for it?
Connect the section’s content to a metafield, then turn on Hide this section when there’s no content to show.