54 questions
0
votes
1
answer
92
views
Hydrogen 2 + Remix: cart briefly updates, then `totalQuantity` & prices drop to zero
I’m building a storefront with Shopify Hydrogen 2, Remix, and React 18.
When I add a product with CartForm.ACTIONS.LinesAdd:
the form submits without errors
a new line does appear in the cart UI
...
0
votes
1
answer
118
views
How to pass a value from the client to the cart line item on Add To Cart click? (Shopify Hydrogen)
I'm looking for a solution example based on npm create @shopify/hydrogen@latest scaffolded project.
I want to pass a uniquely generated attribute from the client to the cart line item. In the end it ...
0
votes
1
answer
110
views
"SelectPrompt requires at least one choice" Error
Shopify Hydrogen: Unable to link to existing store during setup
Problem Description
I am trying to create a new Hydrogen storefront and link it to my existing Shopify store. However, after selecting &...
0
votes
0
answers
50
views
Getting [ERR_UNSUPPORTED_DIR_IMPORT] Directory import error in Shopify hydrogen deployment
I am trying to configure my Git repository into Shopify's Hydrogen panel in oxygen hosting. During my deployment I am getting following error.
Deployment command:
shopify run deploy
Here is my entire ...
- 1,357
1
vote
0
answers
154
views
Open Cart Slider using custom ajax add to cart script Shopify Flow Theme
I have created custom ajax add to cart functionality in my store and I want to open the slider cart after successful add to cart event. I have achieved it using the below code but it only works for ...
- 21
1
vote
0
answers
186
views
Shopify Hydrogen: ERR_CONNECTION_RESET - Cannot reach development server on local machine (localhost:3000) after running npm run dev
Note: I'm on Windows 10, running Ubuntu 24.04 LTS, WSL.
Hi, I'm trying to get started with learning Shopify Hydrogen and creating a storefront. I have followed Shopify's guide here: https://shopify....
- 11
1
vote
1
answer
1k
views
Shopify Hydrogen - project no longer launches after updating to 2024.4
Since updating my Hydrogen project it now no longer launches when using the npm run dev command.
My project was working fine.
Decided to update package.json (and relevant files) to latest found in ...
- 7,483
1
vote
0
answers
172
views
Shopify Hydrogen - Issue with Blog->Article retrieve via GraphQL - UNAUTHORIZED?
This was working fine for days until I noticed it not working today. I was pulling articles from a blog via GraphQL. Today, I saw a:
Oops
500 [h2:error:storefront.query] [object Object] - Request ID: ...
- 357
1
vote
1
answer
645
views
React with Tailwind with HeadlessUI - how to add plugin configuration
I've a react app using Tailwind with some Headless UI tabs.
I'm trying to style the tabs when active but in order to do that I had to include a new package. Namely @headlessui/tailwindcss found here.
...
- 7,483
1
vote
1
answer
340
views
Shopify Hydrogen embedding third party booking widget Bokun
Hello,
The website I am working on uses Bokun for online booking / gift card purchases.
They supply a booking widget that is essentially a script tag that dynamically loads the booking / gift card ...
- 7,483
1
vote
0
answers
186
views
what is right way to pass collection id as argument in Shopify hydrogen storefront graphql query?
I want to get collection details while I have array of collection ids which I got from metaobjects collection list.
I am using this code in loader function
const id_= "gid://shopify/Collection/...
- 38
2
votes
1
answer
401
views
Not able to generate public api token in judge.me shopify
I have built website using hydrogen shopify framework and I want to integrate reviews using judge.me app. I am using this npm package to integrate.
It require public api token, which I am trying to ...
- 1,673
0
votes
1
answer
488
views
how do I make a brand new shopify app write a file when a webhook action is being called?
New App is created using shopify cli with remix.js
currently in webhooks.js
`import { authenticate } from "../shopify.server";
import db from "../db.server";
export const action = ...
- 108
1
vote
1
answer
3k
views
In Shopify using GraphQL how should I query a metaobject and a sub-query metaobject in a single query?
I am building a website with Shopify Hydrogen.
Using GraphQL I am accessing MetaObjects.
The structure of the MetaObject is one field and one sub-MetaObject (a generic, reusable meta object).
I wish ...
- 7,483
0
votes
1
answer
2k
views
Uploading file to Google Storage with signed Url
I'm trying to upload a file directly from the frontend to Google Storage. I'm working on hydrogen environment (similar to cloudflare) so I can't use normal google libraries in the backend.
Whenever I ...
- 1,494
0
votes
1
answer
580
views
How to configure Shopify Hydrogen V2 with LESS/CSS modules
I am trying to configure Shopify Hydrogen V2 with LESS (or at least CSS) modules, so I can encapsulate component styles that are only loaded on demand.
Desired usage:
import styles from "./style....
- 730
0
votes
3
answers
2k
views
Which shopify apps can be used with Hydrogen?
I'm pulling out my hair over this, but I cannot seem to find a solid answer over which shopify apps can I use for a new storefront built on Hydrogen 2.0 and Shopify Plus
I can see this page which ...
- 8,226
3
votes
0
answers
234
views
How can you use Sass Modules with Shopify Hydrogen V2?
I'm exploring using Hydrogen instead of Next.js Commerce for building out an ecommerce platform that I'm working on, but the only styling option for Hydrogen V2 seems to be tailwind or vanilla CSS. I ...
- 373
0
votes
1
answer
668
views
Issue with Shopify Hydrogen Setup in Local Env
I used the sales Chanel installation and cloned the repo,
after installing all packages using yarn, I keep getting this error when I issue ** yarn dev**
StorefrontClient: Using a private storefront ...
- 45
0
votes
1
answer
612
views
Is there a way to create a Shopify storefront app that only affects one page of the store?
I want to create a custom Shopify app on one pages of my store that takes user input, runs it through a third part API and gives the user a response. The user input isn't sensitive data so it doesn't ...
- 1
0
votes
1
answer
117
views
Can't make a responsive navbar with a .server.jsx component with Hydrogen / React
I can't make my Navbar responsive and I don't know why. When I make a const in the Layout.server.jsx, that make an error.
I think I can't make a onClick event on a button, but I don't know why and how ...
- 19
5
votes
1
answer
706
views
Cart toast notification - Shopify Hydrogen
I managed to create onLineAdd toast notification whenever a person adds something to their cart, however, I can't seem to grasp how to show product information and show it in the toast.
What I'm ...
- 393
0
votes
1
answer
2k
views
React Hydrogen Unknown file extension ".css" when using slider library
I'm trying to use a Splide Slider library inside my Hydrogen project. Hydrogen makes use of server components.
So, I created the slider as a .client component and then try to render it in a server ...
- 135
-1
votes
1
answer
562
views
Are you able to use Material UI to style a Shopify website?
I am getting ready to build out a shopify storefront, but I have never done so before and have some questions. I like how easy it is to build a mobile and desktop view utilizing Material UI, I have ...
0
votes
1
answer
81
views
Ecommerce web dev framework? Shopify APIs?
I'm trying to develop an ecommerce website and am thinking about using Shopify's hydrogen framework.
Can I use hydrogen on the frontend and shopify as my backend for free? I plan to host this myself ...
- 343