# Control Who Sees What

You can set rules on any section or block to control exactly when it appears and to whom: by device type, customer login status, location, or a time schedule. This is useful for running promotions, personalizing content, and targeting specific customer segments.

Not all rule types are available for both sections and blocks:

| Rule Type | Sections | Blocks |
|  --- | --- | --- |
| Device targeting | Yes | No |
| Customer targeting | Yes | No |
| Location targeting | Yes | Yes |
| Scheduling | Yes | Yes |
| Repeating schedule | Yes | Yes |


## Opening visibility settings

1. Hover over a section or block in the configuration panel.
2. Click the **visibility icon** that appears on hover.
3. The visibility settings modal opens.


## Device targeting

Show a section only on specific screen sizes.

iframe
| Screen Type | Screen Size | Who Sees It |
|  --- | --- | --- |
| Desktop | 1024px and above | Customers on wide-screen browsers |
| Tablet | 481px – 1023px | Customers on mid-size screens |
| Mobile | Up to 480px | Customers on smartphones |


### Default selection

* By default, all three are selected — the section appears on every device. Uncheck the devices you want to exclude.


### **Example use case**

* A store has a full-width hero banner designed for desktop.
* A more compact version is added as a separate section for mobile.
* In the compact section's visibility settings, **Desktop** and **Tablet** are unchecked, leaving only **Mobile** checked.
* The desktop hero has **Mobile** unchecked.
* Each audience sees the version designed for their screen.


## Customer targeting

Show a section based on whether the visitor is logged in to their account

iframe
| Visitor Type | Who Sees It |
|  --- | --- |
| Authenticated | Visitors who are logged in |
| Anonymous (Guest) | Visitors who haven't logged in |


### Default selection

* By default, both are selected — the section is visible to all visitors regardless of login status. Uncheck one to restrict it.


### **Example use case**

* A store has a "Welcome back" banner section set to **Authenticated** only — logged-out visitors do not see it.
* A separate sign-up prompt section is set to **Anonymous** only — logged-in customers do not see it.
* Both sections sit in the same position on the page but each shows to the right audience.


## Location targeting

iframe
Restrict a section or block to customers in specific delivery zones (see [Zones](https://documentation.fynd.com/commerce/docs/logistics/shipping-zone) for how zones are configured):

1. Click the **Zones** dropdown.
2. Search for or select one or more zones.
3. The section only shows to customers whose delivery address is within those zones.


### Default selection

* By default, all zones are selected — the section appears to customers in all locations. Deselect zones to restrict visibility to specific zones only.


### **Example use case**

* A store running a free shipping promotion adds a "Free shipping on all orders" banner.
* In its visibility settings, the **Zones** dropdown is set to only the delivery zones where the offer applies.
* Customers outside those zones do not see the banner.


## Scheduling

Show a section or block only during a specific time window.

iframe
### Simple schedule (date range)

1. Click the **Schedule** tab.
2. Set a **Start date/time** and **End date/time**.
3. The section automatically appears at the start time and disappears at the end time.


* Set a start or end date to restrict visibility to a specific window.
* Leave the end date empty to show the section indefinitely from the start date.


#### Default selection

* By default, no schedule is set — the section or block appears at all times.


#### **Example use case**

* A store running a weekend flash sale has a banner section with **Start date** set to Friday 00:00 and **End date** set to Sunday 23:59.
* The section goes live automatically at midnight Friday and disappears at the end of Sunday — no manual intervention required.


### Repeating schedule

For promotions or events that repeat on a regular pattern, switch to **Advanced** scheduling mode.

iframe
Advanced scheduling gives you five tabs — one for each time field. For each tab, choose **‘Every’ unit** to apply it to all values, or **Custom** to select specific values:

| Tab | 'Every' Unit | Custom |
|  --- | --- | --- |
| **Minute** | Triggers every minute | Select specific minutes (0–59) |
| **Hour** | Triggers every hour | Select specific hours (0–23) |
| **Date** | Applies to every date | Select specific dates of the month (1–31) |
| **Month** | Applies to every month | Select specific months (Jan–Dec) |
| **Day** | Applies to every day of the week | Select specific days (Mon–Sun) |


Configure only the fields that matter for your schedule and leave the rest as **Every [unit]**.

#### Default selection

* By default, no schedule is set — the section or block appears at all times.


#### **Example use case**

* A store promotes a weekly Friday morning offer.
* The **Hour** tab is set to Custom with `9` selected, the **Day** tab is set to Custom with `Friday` selected, and **Minute**, **Date**, and **Month** are left as **Every [unit]**.
* The section appears every Friday at 9 AM without any manual changes.


## Block-level rules

Individual blocks inside a section can have their own rules, independent of the section. This lets you show different content to different audiences within the same section.

### **Example use case**

* A product carousel has three slides (blocks).
* Block 1 has no rules — everyone sees it.
* Block 2 has **Customer** set to **Authenticated** only — logged-out visitors skip it.
* Block 3 has a schedule for Saturday 00:00 to Sunday 23:59 — it only appears on weekends.
* All three blocks live inside the same carousel section, each with its own independent rules.


## Combining rules

All active rules on a section must be satisfied for it to appear.

### For example

* Device = Mobile **AND** User = Authenticated **AND** Schedule = Friday–Sunday
* The section only shows to logged-in customers on mobile during the weekend.


## Saving your rules

* Click **Apply** in the modal. Rules take effect on the live storefront immediately after you save and publish.


## Related

* [Build Your Pages:](/commerce/docs/manage-website/appearance/theme-editor/build-your-page) set up your sections before configuring their visibility
* [Preview & Publish:](/commerce/docs/manage-website/appearance/theme-editor/preview-publish-themes) use the mobile, tablet and desktop view to check device-specific sections