Packages & memberships section
Selling-plan packages and memberships with product images and shared card presentation.
Add Package blocks with a Package image and/or a Shopify product (ideally with a selling plan). The card can show the image, price, plan name, and a Book or Shop CTA. Color scheme drives section surfaces and the button colors.
Package image
On each Package block, set Package image, or assign a Product with a featured image. Package image wins when both are set. Turn Show card image off to hide media on all cards.
Same card controls as other grids
Use Card style (standard, editorial offset, overlay plaque, or full image background), image position, hover zoom, 3D tilt, rest shadow, and border width—the same presentation family as Aftercare retail and Service menu.
View packages / Shop button
Button label and Fallback URL come from the block. Service-tagged products build a booking URL when Theme settings → Booking base URL is set; otherwise the button links to the product or your fallback URL. The button uses the section color scheme’s primary and contrast colors.
Sections overview · Section schema reference
Schema file
package-membership.liquid — t:sections.package_membership.name
Settings
| id | type | label |
|---|---|---|
| heading | text | t:sections.package_membership.settings.heading.label |
| subheading | text | t:sections.package_membership.settings.subheading.label |
| view_all_label | text | t:sections.package_membership.settings.view_all_label.label |
| view_all_url | url | t:sections.package_membership.settings.view_all_url.label |
| view_all_position | select | t:sections.package_membership.settings.view_all_position.label |
| card_border_width | range | t:sections.package_membership.settings.card_border_width.label |
| card_style | select | t:sections.all.settings.card_style.label |
| image_position | select | t:sections.package_membership.settings.image_position.label |
| card_banner_height | select | t:sections.all.settings.card_banner_height.label |
| color_scheme | color_scheme | t:sections.all.settings.color_scheme.label |
| card_overlay_opacity | range | t:sections.all.settings.card_overlay_opacity.label |
| card_text_on_media | select | t:sections.all.settings.card_text_on_media.label |
| padding_top | select | t:sections.all.settings.section_padding.padding_top.label |
| padding_bottom | select | t:sections.all.settings.section_padding.padding_bottom.label |
| view_all_style | select | t:sections.package_membership.settings.view_all_style.label |
| show_image | checkbox | t:sections.package_membership.settings.show_image.label |
| enable_motion | checkbox | t:sections.package_membership.settings.enable_motion.label |
| linked_card_hover | select | t:sections.all.settings.linked_card_hover.label |
| card_hover_zoom | select | t:sections.package_membership.settings.card_hover_zoom.label |
| card_tilt | select | t:sections.all.settings.card_tilt.label |
| card_hover_text_use_global | checkbox | t:sections.package_membership.settings.card_hover_text_use_global.label |
| card_hover_text_rise | checkbox | t:sections.package_membership.settings.card_hover_text_rise.label |
| card_hover_text_accent | checkbox | t:sections.package_membership.settings.card_hover_text_accent.label |
| card_hover_text_underline | checkbox | t:sections.package_membership.settings.card_hover_text_underline.label |
| card_hover_text_cta | checkbox | t:sections.package_membership.settings.card_hover_text_cta.label |
| card_rest_shadow | select | t:sections.all.settings.card_rest_shadow.label |
Blocks
| type | name | setting count |
|---|---|---|
| package | t:sections.package_membership.blocks.package.name | 10 |
Was this page helpful?
Content is maintained by Arcanum Hollow Labs. For internal engineering notes, see the docs/ folder in the monorepo.