Layout
Design elements and effects in Broadcast
New in Broadcast
Subscript style
Turn on Subscript to show subscript elements like the number of items in a collection:
To turn on the feature, find the setting in the Layout settings. Use the toggle option:
Scroll to top
The scroll to top arrow button/link that appears on mobile can be toggled in the Layout settings:
Loading icon
Display a custom brand logo or animation during page loads.
Broadcast can display a pulsing custom icon or image during page loads. This branding feature is very easy to implement and is ideal for shops with media-rich pages.
View this short video to demonstrate the effect and how to easily set it up:
Tip: Build an animation sequence by using two custom images during page loads
Layout settings
Grid style
select
Choose between a Classic or Compact layout grid.
Appearance
Slider navigation style
select
Choose the dot navigation style for sliders: Hidden, Circle, or Line.
Icon style
select
Set the weight of icons: Regular, Medium, or Bold.
Products
Show gray background
select
Set gray background positioning for product images: Behind images, In front of images, or None.
Animations
Enable animations
checkbox
Toggle animation effects on scroll and transitions.
Enable image parallax
checkbox
Adds subtle scrolling effect to large images.
Parallax strength
range
Adjusts how strong the parallax effect appears (zooming).
Design Elements
Enable borders
checkbox
Adds borders to elements like Featured collections, Collection lists, and Blog posts.
Enable superscript
checkbox
Shows the number of products in a collection using superscript.
Buttons
Show "Scroll to top" button
checkbox
Displays a floating button that scrolls the page to the top.
Loading icon
Image 1
image_picker
Upload the first loading image (recommended size: 300×90px .jpg).
Image 2
image_picker
Upload the second loading image (recommended size: 300×90px .jpg).
Width
range
Set the display width of loading images.
Last updated