Hi, I’‘ve seen ppl inserting all sorts of html codes (i guess) to show facebook, social media networks and their other portfolio snaps on the item details page when we scroll down. I have very little and un-experienced knowledge of html coding. Does it require html coding? is there any good reference to build something like this ?
But I think the best way to do is design the page in dreamweaver and copy/paste the code.. can i do this ?
Designing in Dreamweaver and pasting over won’t work all that well. Mainly because Dreamweaver will treat the page as a complete site, where as our item pages only allow for images with links to be added. Basically when you create a new file in DW, it’s going to give you the full < HTML > structure, and in our pages you’ll only be able to add images.
So rather than designing it as a full site, think of each of these buttons or areas as just images that link to something. To add an image here just use the normal IMG tag, and if you want it to link to somewhere wrap it with a link tag. For example:
<a href="link goes here"><img src="URL of image goes here" /></a>
This will insert an image that’s being hosted somewhere else on the net into your item page and then link that image to whatever address you put in the a href.
Nugas, Mark told you everything with one line of code. That’s it
One more important info if you want perfectly arranged images: images shouldn’t be more than 616 pixels width. If you want to place 2 images in row, 313px is not the way because there is small space of 4px between images, so images should be 306px width.
For 3 images width should be: (616-2×4)/3= 202pix etc…
And one useful link for testing: http://revaxarts-themes.com/envatitor/ it’s almost wysiwyg preview.