PDA

View Full Version : Shopping cart



mariamshabs
05-12-2014, 03:36 PM
Please, i am using a template to design an online shop. The script is from dynamic drive. I am almost through with the site but I am in a dilemma because whenever, i click any product's add to cart on my product.html page and it still shows the default images that came with the template. How do I edit the template to always show my own images when I click the add to cart from the product page and the drop down product page.

DYNAMIC SCRIPT ADD TO CART EDITING, SHOPPING CART EDITING AND PRODUCT DETAIL PAGE EDITING.

the Images does not change,

the price does not change,

the quantity does not change.

This is also affecting the product detail page because I don't know how to edit it also to automatically change the images when clicked.

Thanks

jscheuer1
05-12-2014, 07:21 PM
There are no scripts that I know of from Dynamic Drive for online shopping. If this is really a Dynamic Drive Script:

Please post about Dynamic Drive Scripts in the Dynamic Drive Scripts Help section here where I've moved this thread, and:

Warning: Please include a link to the DD script(s) in question in your post. See this post (http://www.dynamicdrive.com/forums/showpost.php?p=7) for more information.

Also. please post a link to the page on your site that contains the problematic code so we can check it out.

mariamshabs
05-15-2014, 01:38 PM
I want to make each product clicked to appear on product detail page and also on the shopping cart page as well the total price on check out page. I don't want to use PayPal.

The Product Page


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">


<script type="text/javascript">

ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>

<link rel="stylesheet" type="text/css" href="css/styles.css" />
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript">
window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible: 5,
elemsSlide: 2,
duration: 200,
itemsSelector: '.SlideItMoo_element',
itemWidth: 171,
showControls:1});
},

});
</script>

</head>

<body id="subpage">

<div id="content">
<h2>Etiam In Tellus</h2>
<div class="col col_14 product_gallery">
<a href="productdetail.html"><img src="images/product/01.jpg" alt="Product 01" /></a>
<h3>Ut eu feugiat</h3>
<p class="product_price">$ 100</p>
<a href="shoppingcart.html" class="add_to_cart">Add to Cart</a>
</div>
<a href="#" class="more float_r">View all</a>
<div class="cleaner h50"></div>
<div class="cleaner"></div>
</div> <!-- END of content -->
<div class="cleaner"></div>
</div> <!-- END of main -->

mariamshabs
05-15-2014, 01:45 PM
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<div id="content">
<h2>Etiam In Tellus</h2>
<div class="col col_14 product_gallery">
<a href="productdetail.html"><img src="images/product/01.jpg" alt="Product 01" /></a>
<h3>Ut eu feugiat</h3>
<p class="product_price">$ 100</p>
<a href="shoppingcart.html" class="add_to_cart">Add to Cart</a>
</div>
<a href="#" class="more float_r">View all</a>