Logo
  1. Docs
  2. Weaverse Studio

Customizing Hydrogen Project inside Weaverse Studio

Published on Nov 20, 2023, updated 5 months ago

Customizing your Hydrogen project within Weaverse Studio is a user-friendly experience. The editor is equipped with various components, each designed to provide a comprehensive editing and customization process. Below, we walk through the essential parts of the Weaverse Studio editor.

Locale Selector, Page Selector

Begin your customization process by selecting the appropriate locale and the page you want to edit. This feature ensures that you’re making changes in the correct language and on the intended page.

locale_and_page_selector

Page Outline

The page outline provides a structured view of your page elements.

page_outline

Device Switcher, Inspector Activator

Additionally, the device switcher allows you to preview your page on different devices, and the inspector activator enables detailed inspections of your components.

device_switcher_inspector_activator

Component Inspector

Explore and modify the properties of each component in your page. The component inspector offers an interface to tweak settings, styles, and other component-specific configurations.

component_inspector

Toolbar

The toolbar houses a collection of utilities and shortcuts that enhance your editing experience, providing quick access to commonly used functions and settings.

toolbar

Project Settings, Global Theme Settings

Manage overarching configurations such as theme settings and project-level options. This centralized location ensures easy access to global customization options.

settings

Theme Info

Access and view essential metadata about your theme, such as the name, version, author, and other pertinent details.

theme_info
Was this article helpful?