How to make custom layout in Amazon webstore platform? - html

I am facing some problem with creating custom layout in Amazon webstore. I actually want to create a 3 column layout but the default templates not support that. I already asked their support team but they didn't provided me the solution of what I want.
They told me that I can make a layout using HTML widget, but with HTML widget I can only place html codes there, where I want to restructure the whole layout and a HTML widget can only be placed only on their defined widget slot. I can't insert other widgets in HTML widget. Does anyone have any idea about that ?
Please click the link to see the image which I want to create. My site is http://www.cruzerlite.com/ and I like to build structure like http://store.mybat.com/
www.diit.info/layout.jpg
Please let me know if you have any confusion regarding this question and any help will be highly appreciated.

Related

Adding custom HTML/CSS to a client's existing store in Shopify

Hi I'm totally new to Shopify and I'm having trouble grasping some basic stuff. So I have a client with an existing store and I was asked to design a landing page. I did all the html and css in vscode before I really took a look at Shopify and I want to know what the best way to create the page using the code I've already written would be. So far it looks like I have to create a custom template and then manually edit the JSON file but I have no idea how to work with JSON / how to link custom styles to that file. Can I create a template using Liquid and then refer ONLY that template to a custom styles sheet? I don't want to update the stores theme file before I know that this is all going to work / I'm wary of any kind of accidental overlap of tags and classes.
any help would be appreciated
Nothing to worry about. You can create sections with a preset block that can be added to the customizer. Learn the basics of schema and a little bit of liquid. Study the existing themes in free theme dawn. You will be able to figure it out. There is plenty of youtube channel to learn the basics also Shopify document has strong details. You can refer to it. Hope this helps https://www.youtube.com/channel/UCBukJ6yWzTdlLKY9QKhv-Mg You can try his skillshare class to understand the basics.
https://www.youtube.com/channel/UCUa4yMJ3mVquTL5TIpxatqQ This guy also explain it quiet easily. Even I like coding with Jan. He is too good

Forge data visualization_Add information

Currently I have placed sprites and I have the events as in the example on the page: https://forge.autodesk.com/en/docs/dataviz/v1/developers_guide/examples/handling_sprite_events/.
But I don't know how to add information with a pop up as seen on the web.
How to do this with the information and displaying it in Forge: Objective
I have not found any information on how to do it and the example on Github https://github.com/Autodesk-Forge/forge-dataviz-iot-reference-app/tree/main/client/pages I don't quite understand it, already that many things are mixed. If someone could help me. I am starting on this.
Basically what you want to achieve is to display an html div on hover and hide it when not hovering.
You can inspire from this post Placing custom markup which is pretty close to what you want to achieve.
However, the examples you mention are using the Data Visualization extension and the React component called CustomTooltip. If you are using React in your project you can definitly take a look at the Hyperion's reference app.

How can I add a table in a theme using Wordpress

I’m building a site as part of my research using Word Press. I’m trying to display samples on the homepage in a neat way, something similar to this one http://www.maitrechoux.com/menu/index.html?categ_id=all .
I have removed all of the home function using remove_action. How can I add the table and then how can I add the pictures inside each cell? Is it only matter of CSS or do I need to add HTML code for this? I recently joined word press community and this is the only thing remained to complete my website. Really appreciate any help!
NO, don't use tables. I think what you actually want is just to display something that looks like table.
You need to code both html and css for that.
You can use any of popular css frameworks to help you out, or you can code it yourself using, flex, floats, or grid...
When you are done then with wp functions you need to render that data in your wp theme.
Your question is to broad and big to be answered via code snippets or examples, sorry.
I recently wanted to change the template of my WordPress website and use React tables.
But this would cause my site to drop in Google rankings, and in terms of SEO, this would not be a good thing.
That's why I decided to use my template pre-built tables and change the files to my liking in the settings section by editing css files.

I need help creating an html data table

I've been trying to create an HTML form on my own for a few months with no luck. I'm trying to do something like the form on this site, http://whatimplantisthat.com/ I'm not sure what this style of form is called. I'm assuming that it is a data table with images, but i haven't seen anything online like this form. Please Help Thanks
I assume you're referring to the table of images in the middle of the page? This uses the HTML tag, and associated tags. You can find information on this here: https://www.w3schools.com/html/html_tables.asp.
I was able to figure out what the markup looks like by using Chrome developer tools, an invaluable resource for anyone doing any kind of web design or development. Chrome dev tools info can be found here: https://developer.chrome.com/devtools. I believe the other browsers all have similar tools.

Drag drop block edit in place html

I required to write a small web application that allow customer to select predefined layout template in html and be able to modify it. The application need to allow customer to add block text to pre defined area and images. The block texts need to be able to reorder based on customer need. eg. move up , move down or move to sidebar. THe complete layout will be able to convert to table layout and inline css due to email program doesn't like div & css. I don't know where should I looking for the information to make this happen, could anyone show me how to do this.
Thank you
Of course, I may be misunderstanding you. You might consider using a standard content management system such as:
linux based
joomla
Mambo
Windows based
DotNetNuke
Sharepoint
Those systems have the functionality you described built in with the added benefit that most of them are free and open source.
I'm not sure why someone downvoted you, but check out a javascript framework like script.aculo.us or Yahoo's YUI
Those will go a long way towards creating the interface you need. Also they have a lot of examples.
The Yahoo framework has an inplace html editor (I think that is what you are asking for). Another editing is the fckeditor.