CoreCommerce Product detail layout html+CSS

This project received 1 bids from talented freelancers with an average bid price of £25 GBP.

Get free quotes for a project like this
Project Budget
Total Bids
Project Description

I would like you to design CoreCommerce product detail template so that it will look similar this one:

[url removed, login to view],31,0,12,1,,adorable-biustonosz-push-up-a7012-adorable-stringi-a7015.

The CoreCommerce Product detail template is based on this code:

<div id="productDetail">

<?php if($useProductDetailPopupShoppingCart){ ?>

<div id="productDetailPopupShoppingCart" class="productDetailPopupShoppingCartBoxy" style="display: none;">

<?php if($lastItem = $cart->getLastCartItem()){ ?>

<div id="cp_main">

<div class="cpThumb">

<?php $defaultThumb->display(); ?>


<div class="cpDescription">

<h1><?php print $lastItem->displayNameString(true); ?> </h1>

<h2><?php $lastItemPrice = $lastItem->getUnitPrice() ?>

<?php echo MoneyFormat::format($lastItemPrice->getAmount())?></h2>

<p><?php $lang->xprint('str_qty'); ?>: <?php print $lastItem->getQuantity(); ?></p>

<?php if($lastItem->getProductOption()) { ?>

<?php $lastItem->displayOptionString() ?>

<?php } ?>


<div class="clear"></div>


<?php if($crossSell = $lastItem->product->getCrossSell(3)){ ?>

<div id="cp_cross_sell">

<h2><?php $lang->xprint('title_cross_sell_customers') ?>:</h2>

<?php foreach($crossSell as $crossSellProduct){ ?>

<?php $crossSellProduct->populateDefaultThumb(); ?>

<?php $thumb = $crossSellProduct->getDefaultThumb(); ?>

<div class="cp_cross_sell_item">

<div class="thumbnail">

<a href="<?php print $crossSellProduct->getMyFrontEndDetailURL()?>"><?php $thumb->display() ?></a>


<div class="name">

<a href="<?php print $crossSellProduct->getMyFrontEndDetailURL()?>"><?php print Util::sanitizeXHTML($crossSellProduct->getName()) ?></a>


<div class="buttons">

<?php ImageLibrary::displayLink('details', '<a href="' . $crossSellProduct->getMyFrontEndDetailURL() . '">' . $lang->xget('btn_details') . '</a>', $crossSellProduct->getMyFrontEndDetailURL(), null, null, null, 'detailBtnNoImg', 'detailsBtn') ?>



<?php } ?>

<div class="clear"></div>


<?php } ?>

<div id="cp_bottom">

<div class="cpTotal">

<?php $lang->xprint('str_shopping_cart_subtotal'); ?>: <span><?php print MoneyFormat::format($cart->getSubtotalMinusDiscount()); ?></span>

<?php require_once('lib/[url removed, login to view]'); ?>

<?php if(!$customer->getId() && ViewHelper::canDisplayAccountLinks()){ ?>

<p><a href="<?php print Util::buildURL($here, CUSTOMER_ACCOUNT_CMD); ?>"><?php $lang->xprint('btn_login_customer'); ?></a></p>

<?php } ?>


<div class="cpButtons">

<p><?php ImageLibrary::displayButton('continue_shopping', '<input type="button" onclick="javascript:[url removed, login to view](this).hide();" value="' . $lang->xget('btn_continue_shopping') . '" />', null, null, 'javascript:return [url removed, login to view](this).hide();') ?></p>

<p><?php ImageLibrary::displayButton('view_cart', '<input type="button" onclick="javascript:goThere('' . Util::buildURL($here, VIEW_CART_CMD) . '');" value="' . $lang->xget('btn_view_cart') . '" />', null, null, 'javascript:return goThere('' . Util::buildURL($here, VIEW_CART_CMD) . '');') ?></p>

Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online