Questions tagged [react]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
0 answers
9 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
62 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
28 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
76 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
68 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
84 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
28 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
0 answers
64 views

Goomento is not displayed in react theme ScandiPWA Magento 2

When using a react ScandiPWA theme and goomento page builder and appears an error when switching to my theme in consturcto. Styles does not apear when switching to the react ScandiPWA theme, but ...
Tech Danil's user avatar
0 votes
0 answers
356 views

ERROR: "Module not found: Can't resolve" when importing custom component, but the path is 100% correct?

I'm getting this error trying to import a custom component, but my path is correct? Failed to compile. ./src/component/Footer/Footer.component.js Module not found: Can't resolve '/scandipwa/src/...
ByteMyPixel's user avatar
0 votes
1 answer
24 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
296 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
317 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
  • 555
0 votes
1 answer
327 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,974
0 votes
1 answer
351 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
135 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
103 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
81 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
142 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
610 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.3k
-1 votes
1 answer
233 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
1k 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
413 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
0 votes
1 answer
369 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
2 votes
1 answer
767 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
4k 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
1 vote
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
2 votes
2 answers
362 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,052
2 votes
1 answer
572 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
393 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
1 vote
2 answers
723 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
38 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
677 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
740 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
597 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
1 vote
1 answer
808 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