close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

Database Help

Thread began 8/06/2012 6:37 pm by reiter303441179 | Last modified 9/02/2012 1:20 pm by reiter303441179 | 2616 views | 43 replies

Christopher WestCommunity Expert

Hey there the example images I originally posted were for adding products to your database..this would have "nothing" to do with it ecart its just a "insert record". (so my example was demonstrating an ADMIN creating products for the eventual front end).

Once you have built your products this way, then the fun starts with displaying these products on the frontend then you add the ecart behaviours there. remember ecart is more for front end customer usage.

I could have easily used regular DIV and CSS to create the forms etc..but for my example i just used a regular table. from Dreamweaver top menu >
INSERT > Table then you can select rows, columns there etc. or you can can just hard code it like this....


<table width="475" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="198">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>


---------------------------------
then add a form to this table:
---------------------------------

<form name="form1" method="post" action="">

<table width="475" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="198">Product Name</td>
<td><label for="textfield"></label>
<input type="text" name="textfield" id="textfield"></td>
</tr>
<tr>
<td>Product Price</td>
<td><label for="textfield2"></label>
<input type="text" name="textfield2" id="textfield2"></td>
</tr>
<tr>
<td>Product Description</td>
<td><label for="textarea"></label>
<textarea name="textarea" id="textarea"></textarea></td>
</tr>
<tr>
<td><input type="submit" name="save" id="save" value="Submit"></td>
<td>&nbsp;</td>
</tr>
</table>
</form>

--------------------------------
obviously above i just used simple defaults, you would need to style the form to your liking with CSS and then with the form parameters change the names etc etc
--------------------------------

After I done all this (it doesnt matter what order to be honest as you can create the backend admin before or after you code the front end customer user experience (but its recommended to do the backend admin stuff first since you need to create a way of entering all the products into the database.

---------------------------------

with the front end you can use tables or divs/css etc etc to create a nice layout of how you want the products to be viewed by the customer (this isnt a form just a nice layout) then once you created a recordset in the server behaviours you will have access to the individual fields from the database table relating to your products and these can be inserted into your nice product layout on the webpage via the use of bindings panel.

then once this is all set up you would then you got 2 beginning stages:
1. from INSERT > WEBASSIST > ECART > eCART OBJECT
then just configure your ecart object...

once that is done then

2. from INSERT > WEBASSIST > ECART > ADD TO CART BUTTON

this was just a quick overview as my dinner is ready :) but if you need further help and the ATEAM arnt available I be happy to help when I can :)

Chris

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...