Hampton Bay Theme Docs – Your Path to E-Commerce!
Help CenterCompliance & LegalContact Us
  • Hampton Bay Theme Configuration
  • Overview
    • Our key features
    • Setting up the Hampton BayTheme
  • Theme
    • Header and Footer setup
      • Header
      • Announcement bar
      • Footer
    • Languages & Currencies
    • Theme customization options
      • Color Scheme
      • Typography
      • Inputs
      • Social media
      • Cart Drawer
      • Brand Information
      • Search Drawer
    • Sections
      • Banner Slider
      • Collage
      • Collapsible Content
      • Collections List
      • Collections Tab
      • Contact Form
      • Featured Collection
      • Featured Product
      • RichText
      • Multirow
      • Video Section
      • Featured Blog
      • Custom Liquid
      • Page Section
      • Image with Text
      • Multicolumn
      • Shop the Look Section
    • Cart
    • Pages
      • Collection
      • Product
      • About Us
      • Contact Us
Powered by GitBook
On this page
  1. Theme
  2. Sections

RichText

Our theme includes robust support for RichText elements, offering the flexibility to create highly customized and visually appealing content areas on your site. This feature allows you to display rich, formatted text with ease, using a simple and intuitive editor. Below are the key features and customization options available:

  1. Easy-to-Use Rich Text Editor

    • The theme provides an integrated RichText editor, making it simple to add and format text directly from the Shopify admin interface. You can use the editor to:

      • Bold, Italicize, and Underline Text

        • Highlight key content to draw attention.

      • Create Lists

        • Organize information with bullet points or numbered lists.

      • Add Links

        • Easily link to other pages, products, or external URLs.

      • Text Alignment

        • Control the alignment of text to fit your page design.

  2. Advanced Styling

    • For users who wish to go beyond the basic styling options, you can easily apply custom CSS to the RichText elements. This includes:

      • Text Colors and Fonts

        • Customize the look and feel of your text to match your brand identity.

      • Spacing and Padding

        • Adjust the spacing around text blocks for better visual hierarchy.

      • Custom Classes

        • Use CSS classes to target specific RichText elements for even finer control over their design.

  3. Integrated with Shopify Sections

    • RichText is fully integrated with Shopify’s sections feature, meaning you can easily add, rearrange, and remove text blocks across your store with drag-and-drop simplicity. It works seamlessly within Shopify's Online Store 2.0 framework, ensuring your content is fully responsive and adapts to any screen size.

  4. Accessibility Considerations

    • RichText elements in the theme are built with accessibility in mind. They are optimized for screen readers and ensure proper semantic structure, making it easier for all users to navigate your site.

  5. Mobile-Friendly

    • All RichText content is fully responsive and adapts to mobile devices. Text is automatically resized, and layout shifts occur seamlessly to ensure the best possible viewing experience on any screen.

  6. Customizable Blocks for Easy Content Management

    • You can add RichText as part of customizable content blocks. These blocks can be easily managed from your Shopify admin panel and are perfect for:

      • About Us Pages

      • Product Descriptions

      • Landing Pages

      • Blogs and Articles

How To Add the RichText Section ?

  1. Log in to your Shopify Admin.

  2. Navigate to Online Store > Themes.

  3. In your active theme, click Customize to open the theme editor.

  4. In the theme editor, select the page or template where you want to add the RichText section. You can add it to the homepage, product pages, or any custom page template.

  5. In the left-hand menu, click Add section to bring up the list of available sections.

  6. Scroll down and select the RichText section from the list of available sections.

  7. Once selected, the RichText section will appear in the editor. You can now edit the content.

PreviousFeatured ProductNextMultirow

Last updated 4 months ago