close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

After Adding "add to cart" button how do you recover page formatting

Thread began 5/19/2014 3:51 pm by rgolab68503 | Last modified 5/19/2014 5:52 pm by rgolab68503 | 281 views | 2 replies |

rgolab68503

After Adding "add to cart" button how do you recover page formatting

Hi Jason,

Hoping you could help here. I managed to add a "add to cart" button in the products "results" page. The cart works fine and after some tweaking it adds products nicely in conjunction with "details" page.

However every time I try to recover the page format for the results section problems happen. I am hoping you have a tutorial regarding the results page on the formatting issues that can occur.

Or are there certain sections that need to be removed from the results page before I can go further?

Here is a link to my test site and the pages are attached.

http://dev.dawsontele.com/products/phones_results.php

You can see the ul li is showing the dots. I tried simply removing the reference to "form" in the css but then the cart stopped working. This also happened when I tried to simply change the old "form" tag that seems to wrap everything but it also killed the cart function. I read somewhere that the spinning icon between pages was snot supposed to be active for the cart.

Or do I have to strip the Web assist formatting out and start from scratch?

Any help would be appreciated.

Attached Files
phones_detail.php
phones_results.php
Sign in to reply to this post

Jason ByrnesWebAssist

The only section that needs to be removed before adding the add to cart button is the the Form that the Data Assist wizard creates on the results page.

I dont really have a way to troubleshoot the formatting issue you report, I would need to be able to see a before and after copy of the page in the browser in order to tell what CSS is being removed.


see this tutorial for details on creating the catalog:
http://www.webassist.com/tutorials/Create-a-product-catalog-eCommerce-Series

a,d this one for details on adding the add to cart button to the results page:
http://www.webassist.com/tutorials/Add-a-shopping-cart-II-eCommerce-Series

Sign in to reply to this post

rgolab68503

Hi Jason,

Thanks for that, I've gone through those tutorials already. Before the add to cart button is added and the cart functionality this is what the page looks like.

http://dev.dawsontele.com/products/phones_results_bk.php?pageNum_WADAphones=1 (attached is the file)

I did go through and try to re-establish some of the css so that it didn't have to have the reference tot he form.

eg.

form.Standout_Default fieldset.Standout_Default {
background-color: #8C8C8C;
padding: 10px 5px 10px 10px;
margin: 5px 5px 50px 10px;
clear: both;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
}
/* to compensate for add to cart button within results page */

.Standout_Default fieldset.Standout_Default {
background-color: #8C8C8C;
padding: 10px 5px 10px 10px;
margin: 5px 5px 50px 10px;
clear: both;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;

but it got me into trouble with the cart functionality. I'll keeo looking for a solution.

Attached Files
phones_results_bk.php
Sign in to reply to this post

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...