css Tooltip

Topic summary

A user is trying to match the visual design of tooltip swatches between two product pages on their Shopify store.

The Issue:

  • Page A uses the Minimog theme’s native swatch and tooltip system
  • Page B uses a third-party swatch app with different styling
  • The user wants Page B to visually match Page A’s design

Response & Status:
A community member indicated this cannot be solved with simple CSS alone and recommended hiring a professional developer for the customization.

The user followed up asking whether the third-party app’s CSS and JavaScript configuration options would be sufficient to achieve the desired design, and inquired about potential costs.

Current State: The discussion remains open with no definitive solution provided yet. Screenshots were shared showing the visual differences between both implementations.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Page A: https://naaydog.com/products/fixed-storage-ring uses the Minimog theme’s native swatch + tooltip.

Page B: https://naaydog.com/products/9mm-simple-dog-leash uses third party swatch + tooltip.

How do i make Page B look like Page A’s design?

Thanks in advance

Hi @Silax ,

This involves multiple aspects and cannot be resolved simply by applying a single CSS code.

If you want to replicate the design, it is recommended to hire a professional developer to customize it accordingly.

Daisy

the third party app allows us to configure css and javascript. would that be sufficient to achieve this? if so how much would it be?