SW Modules

Frequently Asked Questions - SW Sprocket Rocket Modules

These FAQs explain how Smithworks SW Modules work inside HubSpot, especially for Sprocket Rocket-style themes. Use them to choose the right module, understand common settings, and give AI agents better context before they start guessing.

How can I add a wide gradient or diagonal split behind SW Pillar Section?

Open SW Pillar Section → Style → Module background. Choose Gradient for a blended background or Divider for the built-in diagonal split. Use Max Module Outer Width to control how wide that background band can extend, then use Max Module Width to keep the two-column content narrower when needed. This lets the background feel expansive without making the content difficult to read.

What is the difference between SW Image & Text and SW Text and Media?

SW Image & Text and SW Text and Media are both stacked modules, meaning the media sits above the text instead of beside it. SW Text and Media adds more current options, including optional headings, foreground video, Media mode, rich text, and optional buttons under the copy.

For new stacked sections, Smithworks recommends SW Text and Media. SW Image & Text is still fine on existing pages that already use it, but it may be retired in a future theme update.

When should I use SW Text and Media?

Use SW Text and Media when you want a simple stacked content block for a new page. It can show optional headings first, then foreground media or no media, then rich text, then optional buttons.

It is especially useful when you need video above copy, a compact image-and-caption style section, or a text-and-button block without the two-column structure of SW Pillar Section.

How do I control video play controls in SW Text and Media?

In SW Text and Media, video controls depend on the video source. When Content → Media mode is Video, use the Show video controls setting for HubSpot Video or Video from files.

For a full-module background video, the control appears in the module background settings when the background option is Video. External embeds such as YouTube and Vimeo still use the provider’s own player interface.

Why does my YouTube or Vimeo video ignore autoplay settings or display at the wrong size in SW Text and Media?

Check autoplay and sizing separately:

  • Autoplay or mute: In Foreground video, check Autoplay and Muted. Those settings request the behavior you want, but the visitor’s browser or the video provider can still restrict autoplay.
  • Video size: Set both width and height in the external embed. Those dimensions control the video’s size on the page.

Test the published page on desktop and mobile. If the behavior remains inconsistent, review the SW Module Documentation or contact support with the page URL and video provider.

When should I use SW Image & Text?

SW Image & Text is an older minimal stacked module for image above rich text. It can still be used on live pages and remains fine where it already exists.

For new stacked sections, the documentation recommends SW Text and Media because it adds foreground video, optional headings, media-none mode, and optional buttons. SW Image & Text may be removed in a future theme update.

When should I use SW Pillar Accordion?

SW Pillar Accordion is useful when expandable panels should be paired with one image column that changes based on the open item. It can work for FAQs, guided narratives, product lines, location details, or step-by-step explanations.

If you need tabs, forms inside panels, optional per-item images, or buttons below the whole tab area, use SW Magic Accordion where the theme includes it.

When should I use SW Magic Accordion instead of SW Pillar Accordion?

SW Magic Accordion supports tab or accordion-style content with optional default panels, item content, optional images, forms, and buttons. It is useful for landing sections where related content should be grouped without requiring a long stacked page section.

SW Pillar Accordion is better when the important behavior is one shared image column that changes as each panel opens. Choose based on the content behavior you need, not just whether the content is long or short.

When should I use SW Cards?

SW Cards is for manually built card grids or sliders. It works well for service blurbs, team grids, feature summaries, video previews, highlighted items, or content where each card needs rich text and possibly its own button.

Use blog modules instead when the cards should pull real blog posts automatically. Use SW Cards Products when the cards need structured bullet lines or optional pricing-style fields.