3D model in Hubspot

Develop, Build & Integrate CMS Development
1

Hello all,

I have 2 questions to ask .

Q1.

I have a ready code developed locally using VS CODE to show a 3D model. In that code there is an image folder in that there are 360 view(image) of that model. so to access those image code used is
<img src=“/images/6100/00.jpg”
class=“reel”
id=“my_picture”
data-responsive=“true”
data-images=“/images/6100/##.jpg|01..57” >

and using jquery.reel

I implemented this code in hubspot but i am not able to get “data-images” path !.. how can i get that path ? i tried using get_asset_url and even copied the path but at output i cannot see any image there.

code that i used in hubspot is :-

<img src=“{{ get_asset_url(‘/Reel_JS_Example/images/6100/00.jpg’) }}”
class=“reel”
id=“my_picture”
data-responsive=“true”
data-images=“{{ get_asset_url(‘/Reel_JS_Example/images/6100/##.jpg|01..57’) }}” >

will you please help ?

Q2. is there any ready made modules availabe in marketplace assets modules to have a 3D model ?

thank you,

Yangzin

2

@YChuskit

Are you getting 404s returned for the images?

I have not seen any 3d models on the marketplace.

3

hey @dennisedson ,
yes dennis i am getting 404s error

4

Hey @dennisedson ,
Issue solved !!!
I tried this.. I created a folder (6100 this is my folder name ) here Marketing > File and Templates > Files ,then i uploaded all the required images , after that I copied the url of one of the image file and pasted that in data-image like this
<img src=“{{ get_asset_url(‘/Reel_JS_Example/images/6100/00.jpg’) }}”
class=“reel”
id=“my_picture”
data-responsive=“true”
data-images=“https://f.hubspotusercontent20.net/hubfs/7347324/6100/##.jpg|01..57’) }}” >

now my 3D model is working fine , with all the hotspots ..

thank you

5

@YChuskit wrote:

Hey @dennisedson ,
Issue solved !!!
I tried this.. I created a folder (6100 this is my folder name ) here Marketing > File and Templates > Files ,then i uploaded all the required images , after that I copied the url of one of the image file and pasted that in data-image like this
<img src=“{{ get_asset_url(‘/Reel_JS_Example/images/6100/00.jpg’) }}”
class=“reel”
id=“my_picture”
data-responsive=“true”
data-images=“https://f.hubspotusercontent20.net/hum3d/7347324/6100/##.jpg|01..57’) }}” >

now my 3D model is working fine , with all the hotspots ..

thank you

Thank you for this solution! I had a similar problem, couldn’t figure it out.

Regards.