Jump to Content
Shogun Frontend Guides
GuidesRecipesRelease Notes
Log InShogun Frontend Guides
Log In
GuidesRecipesRelease Notes

Overview

  • About Shogun Frontend
  • Key Concepts
  • Navigating Frontend
  • FAQs
  • Getting Support
    • Generating a HAR file for support
    • Generating Performance Report

Getting Started

  • Planning Your Build
    • Best Practices
  • Local Development Environment
  • Store Configuration
  • Frames
  • Collection Pages
  • Static Pages
  • URLs
    • Custom URL Structure
    • URL Redirects
  • Syncing Data
  • Finishing Touches
  • Launching Your New Frontend Store
  • Testing and Validation
    • Using Screaming Frog

Features

  • GitHub Integration
  • Slack Integration
  • Store Copy
    • Use Cases
  • CMS Bulk Editing
  • CMS Filtering
  • Reference Fields
  • Duplicate Pages
  • Site Manager - Publish your store
  • User Management
  • Dependency Management
  • Page Builder for Frontend
  • Internationalization

Libraries

  • Frontend Checkout
    • Shopify
    • BigCommerce
    • Examples
    • Migrate to inventory actions and useInventory hook
    • Frontend Checkout Cart v3
  • Frontend Customer
    • Shopify
    • BigCommerce
  • Frontend UI
    • useIntersection
    • useSearch
    • useGeoVisibility
    • EmailForm
    • ResponsiveImage
    • ResponsiveBackgroundImage
    • RichText
    • Video
    • getResponsiveImageSrc
  • Frontend Hooks
    • useRouter
    • useStore
  • Frontend Link
  • Frontend Lazy
  • Frontend Config
    • Adding frontend-config locally
  • Frontend Head
  • Frontend Components
    • Script
  • Starter Kit Storybook

Developer Guides

  • Accessibility
  • Best Practices
  • Your Homepage
  • Product Pages
  • Cart and Checkout
  • Account Pages
  • Structured Data
  • Blogs
    • CMS Only
    • CMS and Sections
  • Search
  • PDF Files

Frontend UI

Suggest Edits

Overview

The frontend-ui package is a set of components and hooks that are optimized to handle common needs in a store, such as images, videos and more.

👍

The frontend-ui package is already pre-installed in your Shogun Frontend store.

Components

  • RichText
  • ResponsiveImage
  • ResponsiveBackgroundImage
  • Video
  • EmailForm

Hooks

  • useIntersection
  • useSearch
  • useGeoVisibility

Helpers

  • getResponsiveImageSrc

Updated over 1 year ago


  • Table of Contents
    • Overview
    • Components
    • Hooks
    • Helpers
Shogun

    • YouTube
    • Facebook
    • Twitter
    • Instagram
    • LinkedIn
    • Shogun Frontend
    • Support
    • Status
    • Legal
    • Privacy
    • © 2022 Shogun Labs, Inc.
    Shogun

      • YouTube
      • Facebook
      • Twitter
      • Instagram
      • LinkedIn
      • Shogun Frontend
      • Support
      • Status
      • Legal
      • Privacy
      • © 2022 Shogun Labs, Inc.