Magento Chat

<fw-storyblock branding="false"  channel="glow" playlist="" autoplay="true"></fw-storyblock>

    <br/>
    <fw-embed-feed
    channel="awesome-channel"
    playlist="kj43j2"
    ui_border_style = "hard"
></fw-embed-feed>

i am not getting how to mix the above code in that pastebin code

Rohit Gohel

okay

Baby in Magento

because i am using above code in template.html which is in react js frontend code

and we wrote the pastebin code in backend admin panel

below is frontend react code for video displaying in last in first website :

Rohit Gohel

all homepage content call from the template.html file right?

Baby in Magento

5:08 AM

its is from backend

Rohit Gohel

okay

Baby in Magento

pastebin.com/ta4zgwbg

here is template.html file

only video code from template.html i guesss

Rohit Gohel

yes that's the issue you need to add code before the section

can you tell me when you have add this section into the homepage for this website
https://frontend1.staging.glowjewels.com/

Baby in Magento

i added yesterday that i used below code to add the video in homepage :

<div class="fw_story_wrapper">
    <div style="text-align: center;margin-bottom:15px;">
        <p class="heading_title roboto" style="margin-bottom: 0px;">Shop By Look</p>
    </div>
    <fw-storyblock branding="false"  channel="glow" playlist="" autoplay="true"></fw-storyblock>

    <br/>
    <fw-embed-feed
    channel="awesome-channel"
    playlist="kj43j2"
    ui_border_style = "hard"
></fw-embed-feed>

because before we tied up with another compaNY FOR DISPLAYING videos

thats the reason you can see videos in middle of the page in second website

now we cancelled that and tied up with second company

Rohit Gohel

sorry i mean into this website frontend1.staging.glowjewels.com where you have to add the video section

Baby in Magento

5:14 AM

i need to add in backend

in the middle of the website

in this code : pastebin.com/yqUkrse6

somewhere in the middle

i need to add above this code :

{
		"component": "shopcollection",
		"title1": "",
		"title2": "",
		"viewAll": 0,
                 "fallbackDesktopHeight":"800px",
        "fallbackMobileHeight":"652px"
	},

Rohit Gohel

Okay give me some time i will check and update to you but you need watch here chat if I need something so I will ask you

Baby in Magento

definitley i will be in chat only

please let me know if you want to know anything else

i hope you got the requirement

Rohit Gohel

yes

Baby in Magento

thankyou very much

i dont know whey they add code in backend and make it complicated

you please check

Rohit Gohel

into your react code please check if this file exists or not?

src > components > HomePage > homePage.ce.js

Baby in Magento

5:20 AM

oka

homepage.ce.js is not available

homepage.js is available

Rohit Gohel

yes please share the code homepage.js

Baby in Magento

pastebin.com/cBYNM9d7

before we are using SwirlShortVideos , if you search in that code, you ll get it

instead of that we have to replace new one and we can addd new one

Rohit Gohel

okay please give the code to which file I have mentioned in below path

src > components > SpotLight

go to this directory and give me the snap

Baby in Magento

okay

Rohit Gohel

how many files into this directory

Baby in Magento

5:27 AM

SPOTLIGHT is not available

Rohit Gohel

Ohhh!

Baby in Magento

before we were using SwirlShortVideos

now we tied up with fireworks

Rohit Gohel

i need to check how many components are their into the src dir

Baby in Magento

okay

i will send snap

Rohit Gohel

okay and I have you see SwirlShortVideos components into any their?

Baby in Magento

5:31 AM

i did not checked before, i will search that word in entire project and tell you

here is pastebin.com/uLaB4Sj0

swirlshortvideo.js

Rohit Gohel

okay got it that means their is a js files for all section not the Directory

Baby in Magento

may be , i am not sure

Rohit Gohel

which directory you have find all this js files can you please tell me

Baby in Magento

we do not need to replace swirl short video.js, if you can help me to move the video in the middle, it is enough

src > componenets > Homepage > componenets = all js files

Rohit Gohel

yes yes i am also thinking about that but I just need to confirm where the all homepage section js file come from the homepage,js file

Baby in Magento

5:37 AM

okay

Rohit Gohel

now please can you share the code for SpotLight.js file code

Baby in Magento

pastebin.com/ui1P20du

Rohit Gohel

now do one think please into the homepage.js file

comment out this code

'spotlight': SpotLight, to //'spotlight': SpotLight,

into the line no. 129 after comment the code save the file and check frontend spot light section is remove from homepage or not

Baby in Magento

yes

updated

removed

spotlight removed

Rohit Gohel

okay now undo the code and save the file

Baby in Magento

5:45 AM

okayt

Rohit Gohel

now you have to create a new file into the same directory and give name what ever you want related to this video section and tell me

Baby in Magento

FireWork.js

Rohit Gohel

okay create the file and send me the snap

Baby in Magento

okay

Rohit Gohel

okay please wait 2 min i will send you a code past into this file

Baby in Magento

5:48 AM

sure

Rohit Gohel

add this code into this file

import React from "react";

function FireWork(){
return(
<div class="fw_story_wrapper">
<div style="text-align: center;margin-bottom:15px;">
<p class="heading_title roboto" style="margin-bottom: 0px;">Shop By Look</p>
</div>
<fw-storyblock branding="false" channel="glow" playlist="" autoplay="true"></fw-storyblock>
<br/>
<fw-embed-feed channel="awesome-channel" playlist="kj43j2" ui_border_style = "hard"></fw-embed-feed>
</div>
);
}

export default FireWork;

Baby in Magento

oka

added

run yarn build also

Rohit Gohel

after that add this code to the homepage.js file after the SpotLight code line no. 17

const FireWork = React.lazy(() => import('./components/FireWork'));

and share me the snap

@BabyinMagento please wait i will tell you after run this

Baby in Magento

@RohitGohel okay

Rohit Gohel

now add this code after the Sportlight code homepage.js file line no. 130

'fierwork': FireWork,

and share me the snap

Baby in Magento

6:01 AM

'firework': FireWork,

Rohit Gohel

now remove this code from the template.html file

<div class="fw_story_wrapper">
<div style="text-align: center;margin-bottom:15px;">
<p class="heading_title roboto" style="margin-bottom: 0px;">Shop By Look</p>
</div>
<fw-storyblock branding="false" channel="glow" playlist="" autoplay="true"></fw-storyblock>

<br/>
<fw-embed-feed
channel="awesome-channel"
playlist="kj43j2"
ui_border_style = "hard"
></fw-embed-feed>

</div>

Baby in Magento

okay

Rohit Gohel

after doing this all think run the run yarn build and let me know after this is done

Baby in Magento

okay

done

i forgotten to inform one thing

i added <script async src='//asset.fwcdn3.com/js/storyblock.js'></script>

in template.html

Rohit Gohel

i think this is not an issue because template.html file load into the whole site so

Baby in Magento

6:11 AM

okay

but now i am getting error

in website

Rohit Gohel

can you please share me the latest template.html homepage.js file code

Baby in Magento

after i removed the code

pastebin.com/L02GB3g8

homepage.js :

pastebin.com/VqZwZygn

Rohit Gohel

into the template.js file you need to remove the </div> code in line no. 195

Baby in Magento

i will remove

Rohit Gohel

after run yarn build command and check

Baby in Magento

6:15 AM

and check again

okay

done

still the same error

in website

Rohit Gohel

okay please wait

Baby in Magento

sure

Rohit Gohel

please comment out the code on the homepage.js file
line no. 131 and 17
then run the command and check homepage is working or not

Baby in Magento

okay

yes

working now

Rohit Gohel

Okay so we have done some mistake into the FireWork.js file we need to find out

Baby in Magento

6:24 AM

okay, please check

is the below code required ?

Rohit Gohel

yes this is required but I don't think this makes any error

Baby in Magento

below is documentation provided by firework team :

docs.firework.com/home/web/integration-guide/components/…

@RohitGohel okay

here is code for before company : swirlvideo.js : pastebin.com/AdTmH75m

may be you can compare and it may help

Rohit Gohel

so add this to the FierWork.js file like this

Baby in Magento

got it

Rohit Gohel

and remove the comment into the homepage.js file for firework code and check working or not

Baby in Magento

6:31 AM

okay

not working

same error got in website

i added code in firework.js also uncommented from homepage.js

import React from "react";

function FireWork(){
return(
<div class="fw_story_wrapper">
<script async src='//asset.fwcdn3.com/js/storyblock.js'></script>
<div style="text-align: center;margin-bottom:15px;">
<p class="heading_title roboto" style="margin-bottom: 0px;">Shop By Look</p>
</div>
<fw-storyblock branding="false" channel="glow" playlist="" autoplay="true"></fw-storyblock>
<br/>
<fw-embed-feed channel="awesome-channel" playlist="kj43j2" ui_border_style = "hard"></fw-embed-feed>
</div>
);

Rohit Gohel

please replace this code to from this code

import React from "react";

const FireWork = () => {
return(
<div class="fw_story_wrapper">
<script async src='//asset.fwcdn3.com/js/storyblock.js'></script>
<div style="text-align: center;margin-bottom:15px;">
<p class="heading_title roboto" style="margin-bottom: 0px;">Shop By Look</p>
</div>
<fw-storyblock branding="false" channel="glow" playlist="" autoplay="true"></fw-storyblock>
<br/>
<fw-embed-feed channel="awesome-channel" playlist="kj43j2" ui_border_style = "hard"></fw-embed-feed>

Baby in Magento

okay

still same error

Rohit Gohel

can you give me the code for ShopByCategory.js file code

Baby in Magento

okay

pastebin.com/KkwVRsaE

above snap is folder strructure of ShopByCategory.js file

Rohit Gohel

can you please give me a snap of how many directories into the homepage > components

Baby in Magento

6:41 AM

ok

Rohit Gohel

i have checked and we are going the right way, but how this error is happening is wondering, To debug this issue I have access to the files system but right now this is not possible

Baby in Magento

i will give you

like just a minute

i will give gitlab access

Rohit Gohel

okay but i have never use gitlab so how can I access this

Baby in Magento

https://gitlab.com/ :

un : vikas.pandurangarao@kirtilals.com

pw : qwerty99

click this link

Rohit Gohel

where i have find this code into the gitlab?

Baby in Magento

6:54 AM

gitlab.com/froogal/glow-frontend

check in src folder

Rohit Gohel

okay found

Baby in Magento

but today code is not reflecting

i do not know why

may be i need to merge it

if you want, i will try, but i donot know exactly how to do

Rohit Gohel

okay no worries i will check and update you if I found something

Baby in Magento

okay, please check

thankyou

Rohit Gohel

7:21 AM

please replace this code into the fierwork.js file and check

import React from "react";
import HeadTitle from './HeadTitle';

const FireWork = () => {
return(
<div class="fw_story_wrapper">
<HeadTitle title={'Shop By Look'} textAlign={'center'} />
<script async src='//asset.fwcdn3.com/js/storyblock.js'></script>
<fw-storyblock
branding="false"
channel="glow"
playlist="kj43j2"
autoplay="true">
</fw-storyblock>
<br/>
<script async src="//asset.fwcdn3.com/js/embed-feed.js" type="text/javascript" ></script>

Baby in Magento

okay

yes

i think its fine now

no error

thankyou

Rohit Gohel

video is seen in homepage?

Baby in Magento

no i guess

i am checking

no video is not coming