Skip to main content

Questions tagged [react]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
0 answers
24 views

How to use Magento's built-in Cookie Restriction Mode with PWA Studio?

I'm new on PWA Studio and I'm trying to enable the Cookie Restrition Mode. I followed this documentation: https://docs.magento.com/user-guide/v2.3/stores/compliance-cookie-restriction-mode.html But it ...
Berg_Durden's user avatar
1 vote
1 answer
158 views

Add custom serviceworker file in PWA Venia React frontend

In Magento PWA Venia [ React frontend ] , by default there is file called sw.js in src/ServiceWorker/sw.js and we can load that file in website.com In the similar way, How to create customsw.js and ...
Baby in Magento's user avatar
0 votes
0 answers
26 views

Contact us form not sending email if we redirect the page to some other url

We have PWA Venia Storefront [ Reactjs on frontend ] . In Contact us page in our website, user enter all details and enter submit button, two things will happen : We are displaying message : "...
Baby in Magento's user avatar
0 votes
0 answers
15 views

SIGN UP in checkout page giving error in frontend in pwa venia setup

When i tried to enter first name, last name , email and tried to register in the checkout page , when i click on "SIGN UP " button, it not moving forward , after some time it will register ...
Baby in Magento's user avatar
0 votes
0 answers
12 views

PWA Frontend changes will reflect only after yarn run build

In the PWA Venia setup [ ReactJs ] , the code changes will reflect in frontend of the website only after we run this command : Yarn run build and it ll take 15- 20 seconds to complete. It will be ...
Baby in Magento's user avatar
0 votes
1 answer
58 views

Include jquery library in PWA Venia setup

We mentioned jquery library file in template.html in PWA Venia setup as below : <script async src="//asset.fwcdn3.com/js/embed-feed.js" type="text/javascript" ></script&...
Baby in Magento's user avatar
0 votes
0 answers
29 views

Display Widget content in PWA Venia Theme

We are using Venia PWA 2.4.5 setup where frontend is displaying from ReactJs I have added New Widgets in backend. How to display those content in Frontend of the website ?
Baby in Magento's user avatar
0 votes
0 answers
66 views

Custom button adding items to cart

We created New custom button below Buy now button in PDP Page. Issue : But when we click on that custom button, it's adding the items to cart. But We did not linked any code for that custom button. ...
Baby in Magento's user avatar
0 votes
0 answers
41 views

Sorry! An unexpected error occurred. Debug: TypeError51

We are getting below issue in Venia PWA PDP Page. Error : Sorry! An unexpected error occurred. Debug: TypeError51 at /RootCmp_PRODUCT__default.1b66b4c414dc44018e9b.js:312:62 How to debug what causes ...
Baby in Magento's user avatar
0 votes
1 answer
80 views

Display Text only in PDP Page

We wanted to add a text ADD TO WISHLIST after Add to favourites icon in PDP Page, so We added in src/components/wishlist/AddtoListbutton/addtoListButton.ce.js return ( <button ref={...
Baby in Magento's user avatar
0 votes
3 answers
81 views

Add custom button below wishlist button in PDP

We are using PWA venia theme 2.4.5. We are trying to add a button below ADD TO WISHLIST in PDP Page We tried the below code . but we are not seeing any button. { isMobile && ( <div ...
Baby in Magento's user avatar
0 votes
1 answer
97 views

Buy Now button not clickable in PLP Page

We are using PWA Venia Theme. I tried Below code for BUY NOW button , but it is not clickable in PLP Page I am using : id="productFullDetail.addItemToCart1" for Adding items to cart. am i ...
Baby in Magento's user avatar
0 votes
0 answers
56 views

add node package in magento 2

How to add Node packages to your Magento 2 site. how to implement in require-config.js using knockout js. I have already applied the commands below file. /var/www/html/project/app/code/vendor/module/...
mohit vamja's user avatar
0 votes
1 answer
41 views

Copying component from src to my app Errors: "Failed to compile." but I am able to modify styles

I'm trying to customize a few components, but anytime I try to copy a component from /scandipwa/node_modules/@scandipwa/scandipwa/src/component/Footer/ into my app directory /scandipwa/src/component/...
ByteMyPixel's user avatar
0 votes
1 answer
356 views

Customize Page builder Slider with react

I am trying to create a slider-slick with react like this one: But in magento page builder they have ContentTypes inside node_modules, and how can I customize it with my own components? or How can I ...
Nhan Nguyen's user avatar
1 vote
1 answer
412 views

How to develop frontend using React js Magento 2.4.4

I am stuck on react js integration and development in Magento 2.4.4 so anyone have idea then please share with me. Thank you.
Deep Shah's user avatar
  • 567
0 votes
1 answer
356 views

Missing field 'uid' while computing key fields when used react mutation graphq

Help me! Not add product with mitation, always show this error. thank you
Yelmy pech's user avatar
3 votes
3 answers
4k views

How to Implement React.Js in Magento 2?

How to Implement React.Js in Magento 2? Many of sites in now days using React Js in frontend. How to start/configure with React in Magento 2?
Gohil Rajesh's user avatar
  • 2,955
0 votes
1 answer
382 views

How to add popup Modal in scandipwa?

I want to create popup modal in scandi. Code is tried is s follows- Popup.js import React from "react"; const Popup = props => { return ( <div className="popup-box"&...
manusha's user avatar
1 vote
0 answers
142 views

Customer data not get in helper of Magento 2

We have sites in which React as Frontend and Magento 2.4 as Backend in which we are facing an issue to get customer data in helper file when a customer login into frontside React(API). Do we need to ...
Divyarajsinh Dodiya's user avatar
0 votes
1 answer
115 views

First product added to new cart returned with no JSON "price"

This is my first time currently working with Magento. I am developing a custom web shop solution for a machine shop with React.js. My issue is the following: After having completed a purchase and ...
Nikolaj Hem's user avatar
1 vote
1 answer
83 views

Magento 2.3 ZoomMeeting with web SDK

I am integrating zoom meeting into magento 2.3. I have added following code in requirejs-config.js to import/include the 3rd party js files : var config = { map: { '*': { react: 'https://...
Nauman m. Mansuri's user avatar
0 votes
1 answer
163 views

Magento or Headless Magento (React with Magento pwa or Magento 2 default is better) [closed]

I am new in Magento and I am preparing to start learning the cms. I'd like to know which has lower learning curve, just Magento or React+Magento. (I already know reactjs)
Akshay K Nair's user avatar
1 vote
0 answers
28 views

PWA project setup

I've just started using magento lately and I'm facing an issue initializing the project. The documentation is listing two ways to do that: Clone the pwa-studio project from github Use the yarn ...
Haidar Zeineddine's user avatar
3 votes
1 answer
633 views

Magento PWA Studio: Where's my React At?

How do I edit and add to components in a PWA Studio React application? Using the buildpack tool, I've installed the PWA scaffolding with the following command. buildpack create-project /tmp/zing \ ...
Alana Storm's user avatar
  • 44.4k
-1 votes
1 answer
249 views

Magento 2.3.5 PWA implement tab component

I am interested to learn more about how to implement the Tabs found here: https://magento.github.io/pwa-studio/pagebuilder/components/tabs/ One can use react bootstrap tab ref: https://react-bootstrap....
Juliano Vargas's user avatar
0 votes
1 answer
2k views

How to change Payment Methods on PWA Suite?

I have installed the PWA suite on my local machine. I have enabled COD and Check / Money order Payment methods. But Why these methods are not showing on the checkout page. Pay with Card only ...
Saditha Udayanga's user avatar
1 vote
0 answers
436 views

PWA get media backend url

Is there a readily available way to get Media url path from component ? I know there is a getMediaUrl fetching from graphql in venia-concept/webpack.config.js Tried in my component: global....
Juliano Vargas's user avatar
1 vote
1 answer
404 views

Magento 2 PWA Update <title> in custom component

How to update the title tag in the Head ? Really don't want to mess around with the DOM updating with javascript!
Juliano Vargas's user avatar
3 votes
1 answer
824 views

Magento 2 PWA custom router

How to Create custom router page content? What I've tried added Route to routes.js: import React, { Suspense } from 'react'; import { Route, Switch, useLocation } from 'react-router-dom'; import { ...
Juliano Vargas's user avatar
0 votes
3 answers
5k views

How can i filter custom atributes in graphql?

I am building an e-commerce app to sell products. There is a section in my website with products on sale and I want to show in this section just the products that are on sale. But in the backend of my ...
Gutro's user avatar
  • 1
2 votes
1 answer
1k views

Want to call magento2 rest api from react js

I am creating 1 application in react and have a requirement to call magento api from react js My magento application is hosted on http://localserver.com and react is with http://localhost:3000/ ...
Hitesh Agrawal's user avatar
3 votes
2 answers
389 views

Magento2 - Magento Headless

Like PWA everyone has started to use the word "Headless Magento" but I didn't find anyone to explain it in that detail. Till now, I only managed to understand that it prefers to use react than ...
zuber bandi's user avatar
  • 1,072
2 votes
1 answer
575 views

"https://github.com/scandipwa/base-theme" not able to run after install nodemodule

is there anybody who can help me with this error ? I am working as a react developer, as per the magento official docs, scandipwa base-theme is configured with react so I tried that. After cloning the ...
chiranjiv 's user avatar
1 vote
0 answers
405 views

react-select-search - Uncaught TypeError: this.state.value.slice is not a function

I am working on a ReactJS web app and using "react-select-search" package for search & select feature for countries' ISD codes. GitHub link to package used I've cross checked the values from ...
meDeepakJain's user avatar
2 votes
2 answers
824 views

React with Magento 2

I have to use ReactJS as a frontend for Magento 2. Below is one of the github repo I looked after to integrate but it seems it's not that efficient, even not working in my case. Check GitHub Repo I'...
meDeepakJain's user avatar
1 vote
0 answers
40 views

How to integrate ReactJS with Magento 2 frontend [closed]

For example I have to build a contact form in header. I want to create a module and then call that module in header
Sara's user avatar
  • 35
6 votes
2 answers
698 views

Magento 2 : How to create simple example of React JS Module?

How to create simple example of React JS Module?
pankaj parmar's user avatar
1 vote
0 answers
1k views

Hide Authorization Token from Request Headers in browser for headless magento 2

We are using reactJS as frontend for magento 2 website using magento 2 rest APIs. But the authorization token is visible in the browser dev tools posing security risk. Kindly suggest a way to hide ...
Lokesh Naik's user avatar
7 votes
1 answer
1k views

Magento2 : How to call Newsletter in PWA

How can I add Newsletter in PWA Magento2 ?
Hitesh Koshti's user avatar
1 vote
0 answers
765 views

Custom rest API for magento 2 contact form with react venia storefront

I'm currently setting up a contact form in venia storefront and trying to get it to link to my rest api in magento 2. On button click the forms linking to the actions file and then throwing a not ...
DCR97's user avatar
  • 21
1 vote
0 answers
620 views

React Router Breadcrumbs use page titles instead of url dynamically

I've got a magento 2.3.1 site with venia storefront a react front end and I'm trying to get the breadcrumbs to pull the page titles dynamically rather than pulling the url. My current code for the ...
DCR97's user avatar
  • 21
2 votes
1 answer
838 views

How to use magento 2 rest api in react js

I am learning react js with magento. I want to use magento rest api in my react js app how can i do that ?
Mukesh Prajapati's user avatar