Skip to content

v1.2.0 Updates and fixes script loading and components

Compare
Choose a tag to compare
@anguy95 anguy95 released this 03 May 16:32
277cc65
  • Adds useLoadScript hook to hooks, which provides a proper way to inject third party scripts into the body or head without hydration errors (Remix-specific gotcha)
  • Removes BodyScripts and HeadScripts files with Scripts file, which utilizes useLoadScript to properly inject GTM and prevent hydration errors
  • Adds new route file ($locale).api.marketing.tsx, which sets up API requests to subscribe email and phone numbers to a marketing list. Klaviyo is integrated by default
  • Adds useMarketingListSubscribe hook to hooks, which uses the api/marketing route to provide front end form logic for the email or phone subscriptions
  • Adds MarketingSignup to sections, which adds a default form for either email or phone subscriptions to a page
  • Adds ProductReviews to sections, which can be customized to inject a product’s review widget onto a PDP
  • Updates to packages @shopify/hydrogen, @remix-run/dev, and @remix-run/eslint-config to latest versions
  • Updates ProductsSlider to fetch all products before rendering product items to eliminate edge case of rendering an inactive product
  • Adds additional logic server side to prevent duplicate collection filter url parameters from showing up in the filters summary
  • Updates DataLayer files and hooks to be able to know to either send out events as Elevar, GA4 or event listeners (Fueled), based on the presence (or absence) of specific env vars
  • Updates data layer product objects to include a collections array
  • Adds currency symbol support for mulit-range slider for collection filter price range
  • Prioritizes alt text set in media manager over alt text set locally in the section
  • Updates description on all customizer alt text fields regarding prioritization
  • Fixes styling issue of cart totals section on cart page on desktop view
  • Fixes incorrect style class preventing filters drawer from opening on tablet viewport
  • Swaps instances of typeof window !== ‘undefined’ with typeof document !== ‘undefined, per Remix documentation
  • Adds heading to tailwind config to separate body and heading font faces by default