EYEBROW
HERO 3 HEADING
Bottom Right layout. Text is aligned left on mobile, but right on desktop.
EYEBROW
HERO 6 HEADING
Middle Right layout. Text is aligned left on mobile, but right on desktop.
EYEBROW
HERO 9 HEADING
Top Right layout. Text is aligned left on mobile, but right on desktop.
Eyebrow
TABBED COLLECTIONS
This is two collection sliders inside a Tab Group block. When you edit Tab Groups, they unstack in the customizer and you have to save your work to see them return to tabbed panels. These collection sliders include a Shop All link in their settings which is useful for large collections when you set "Max number of items to show". This can be turned off in the Collection Slider settings.
KINCAID
SAWYER
KINCAID
CULVER
MCCUNE
BURDETT
HOLTON
SAWYER
KINCAID
BUCKLIN
ELLSWORTH
RILEY
SPEARVILLE
HAYS
CULVER
CALDWELL
KINCAID
JETMORE
RILEY
SAWYER
BURDETT
SAWYER
BUCKLIN
HAYS
MCCUNE
WALTON
STAFFORD
CULVER
RILEY
BURRTON
BURDETT
LANGDON
RUSSELL
CULVER
BURRTON
RUSSELL
BUCKLIN
MCCUNE
STAFFORD
BUCKLIN
PRATT
PRATT
LANGDON
CHASE
WESTERN WELLINGTON
SPEARVILLE
BIG BOW
WALTON
CHASE
CODELL
LEAWOOD
ROSE HILL
SALINA
ROSE HILL
TOPEKA
Hope
TIPTON
LEAWOOD
SALINA
LOLA
WILLOWBROOK
TOPEKA
Hope
ABBYVILLE
AUGUSTA
LEAWOOD
ROAD TO ARIZONA
NANETTE
Wildcat Tall
LEAWOOD
Wildcat Tall
HARPER
Wildcat Tall
HARPER
ROSE HILL
MERIDEN
ROAD TO ARIZONA
ABBYVILLE
NANETTE
Wildcat
ROSE HILL
ROSE HILL
Wildcat
LITTLE RIVER
WAVERLY
MERIDEN
SUN CITY
AUGUSTA
LEAWOOD
HARPER
SPRING HILL
ROAD TO ARIZONA
MULBERRY
CHERRYVALE
SUN CITY
TOPEKA
Wildcat
Eyebrow
COLLECTION NO TABS
This is a collection slider on its own, not inside a Tab Group block. This collection slider includes a Shop All link in its settings which is useful for large collections when you set "Max number of items to show".
Eyebrow
COLLECTION AS GRID
This is a collection displayed in a highly configurable grid. We can set items per row on desktop and tablet, and even make it a slider on mobile. This collection slider does NOT have a Shop All link turned on in its settings.
TEXT LOCKUP
This is a text section that's inside a group block that has a maximum width on desktop and mobile. This results in a predictable text lockup across screensizes that has a lot of breathing room around it.
Over 600 5-Star reviews
An amazing boot if you wanna show off with your buddies and squat weights with this boot. It feels like a weight lifting shoe and have the same support on your heel
Growing up my Dad had probably 20 pairs of boots from Hyer. I remember as a little kid going to their store in Olathe, Kansas. I hope everyone supports this historic company. Great boots!
They look like art work Fit like they were perfectly designed for my feet Incredibly happy to be part of the Hyer family
The Codell is a good looking solid boot. As an equine practitioner for 40 years and a horse owner over 55 years, I have tried many boot brands. I am profoundly impressed so far with Hyer.
Just got my new Jetmore today and wow very impressed with the quality and fit! I added these to my Hays and Maize I already have and will certainly buy Hyer again. Keep Ridin Hyer!
Caption Style Example
EYEBROW
Heading Text
Paragraph Text
“Bringing back the Wildcat for Marilyn's 100th is an incredible honor. It's a piece of HYER history—and now, a part of hers.”
– Zach Lawless
CEO, Founder
VPV RESPONSIVE MEDIA VARIATIONS:
Below is a desktop landscape image that switches to a different landscape image on mobile.
1440 x relative height desktop and 750 x relative height mobile. You can double this to 2880 x relative height on desktop for prominent images like heros that should be displayed in high density.
Below is a desktop image that appears to be two portrait images. This is an illusion, they are combined into a single landscape image asset. It switches to a single portrait image on mobile that is the same as the left side of the desktop image.
1440 x relative height desktop and 750 x relative height mobile. You can double this to 2880 x relative height for prominent images like heros that should be displayed in high density.
Below we are using the same image for desktop and mobile. On desktop, the section height is set to auto and the image displays in its original landscape orientation and aspect ratio. On mobile, the section height is set to large, so it displays as a portrait image. The image focal point has been set so that the boots always remain in frame, otherwise it would crop from the center center and the boots would be cut off.
VPV TYPOGRAPHY STYLES
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Button style: Primary
Button style: Primary Inverted
Button style: Secondary
Button style: Secondary Inverted
Button style: Text link - Light (use on Dark background)
Button style: Text link - Dark (use on Light background)
