Hello,
im learning create shopify custom app using PHP+Laravel/React js,
i have created one form that have some fields, but now i dont know to,
if form has a submit some data then that data will display to product cart page of shopify store,
please advise me that, how we can do that? or suggest me some wau, so i can follow that,
thanks in advanced.
please help me with this. how can I achieve this? I want to know which method I follow for that.
I have done lots of Google but have not gotten any proper solution. How can I save data and display it on the cart page?
should I use API or anything else? and if I need to use API, how can I write in React JS.
- App Development in PHP(Base code : Laravel/React JS).
i have updated my new code
this is my component file. there I have passed handleSubmit , now I don’t get any data in this,
please help me on this.
import {gql, useQuery} from ‘@apollo/client’;
import {Banner} from ‘@shopify/polaris’;
import React from ‘react’;
import {Component} from ‘react’;
import ReactDOM from ‘react-dom’;
import {Loading} from ‘@shopify/app-bridge-react’;
import app from “/css/app.css”;
import { useReducer, useState } from ‘react’;
import axios from ‘axios’;
import { useNavigate } from ‘react-router-dom’
import {Provider, useAppBridge} from ‘@shopify/app-bridge-react’;
function WhatsappSharecart() {
const [wp_enable, setWpEnable] = useState(“No”);
const [buttonlabel, setButtonlabel] = useState(“Share on WhatsApp”);
const [cartmessage, setCartmessage] = useState(“Hey! There Watch My Cart.”);
const [buttonposition, setButtonposition] = useState(“Default”);
const [bitlyenable, setBitlyenable] = useState(“No”);
const [bit_token, setBitToken] = useState(“Enter Bitly Access Token”);
const handleChange = (event) => {
setWpEnable(event.target.value);
setButtonposition(event.target.value);
setBitlyenable(event.target.value);
}
/const handleSubmit = event => {
event.preventDefault();
alert(Whatsapp Share Cart Enable: ${wp_enable})
alert(Button Label Is: ${buttonlabel})
alert(Cart Message on Whatsapp Share Link Is: ${cartmessage})
alert(Whatsapp Button Position on Cart Page Is: ${buttonposition})
console.log(buttonlabel);
}/
const handleSubmit = event =>{
event.preventDefault();
const data = {
wp_enable: wp_enable,
buttonlabel: buttonlabel,
cartmessage: cartmessage,
buttonposition: buttonposition,
bitlyenable: bitlyenable,
bit_token: bit_token
}
axios.post(‘/’, data)
.then((response) => {
console.log(response .data)
}).catch((error) => {
console.log(error)
});
}
const handleAlternate = event => {
event.preventDefault();
alert(Bitly Short URL Enable: ${bitlyenable})
alert(Bitly Generic Access Token: ${bit_token})
}
return (
Whatsapp Share Cart Enable
Button Label Text
setButtonlabel(e.target.value)} name="wp_share_cart_label"/>Cart Message on Whatsapp Share Link
setCartmessage(e.target.value)} />Whatsapp Button Position on Cart Page
Save ConfigurationBitly Short URL Enable
Bitly Generic Access Token
setToken(e.target.value)} /> Save ConfigurationRoute:
[email removed]
Controller:
<?php namespace App\Http\Controllers; use Illuminate\Http\Request; class InsertwpdataController extends Controller { public function index() { return view('products'); } public function wp_share_cart(Request $request) { dd('test132'); /*$wp_enable = $request->input('wp_enable') $buttonlabel = $request->input('buttonlabel') $cartmessage = $request->input('cartmessage') $buttonposition = $request->input('buttonposition') $bitlyenable = $request->input('bitlyenable') $bit_token = $request->input('bit_token');*/ } }how can you create this form i have also install the react packages and also where i want to store the form give me a full details
