You are here:   Home
Register   |  Login

DotNetNuke

Minimize

DotNetNuke is a content management system (CMS) for websites, easy to use and highly extensible, with lots of add on modules.

One of my customers made me use Joomla. After suffering with that for three years, I was not motivated to look into another CMS, especially since I had written my own Asp.net framework, which of course I loved (and want to port to DotNetNuke).

After peering at DotNetNuke for a year, I finally gave it a try and immediately saw how powerful and easy to use it was. Have been moving my customers' and my websites to it since.

DotNetNuke Articles

Minimize
15

On the DotNetNuke Store Catalog module, which is the store front, it is nice to have a link that the user can see so they can go their cart and check out.

You can change Catalog.htm to add a link to the top and bottom of the store front.

Another nice place to have a link is to the right of the list title. You can put a link there by updating CategoryContainer.htm.

File: CategoryContainer.htm

<div class="StoreListContainer">
<div class="StoreListContainer-Title">[LISTTITLE]

<!-- Add link to cart - below -->
<div style="float:right;">
<a class="StoreListContainer-Title" href="/Store/StoreAccount.aspx">My Cart and Checkout</a>
</div>
<!-- Add link to cart - above -->

</div>
<div class="StoreListContainer-Breadcrumb"><p>[CATEGORIESBREADCRUMB]</p></div>
<div class="StoreListContainer-SortBy"><p>[SELECTEDCATEGORY] - [ITEMSCOUNT] - [SORTBY]</p></div>
<div class="StoreListContainer-Content">[PRODUCTS]</div>
<div class="StoreListContainer-Navigation"><p>[PAGEINFO]</p><p>[PAGENAV]</p></div>
</div>

Notice the class="StoreListContainer-Title" on the A tag. You need to update the color on the link text, because of the background on the list container title. You can change the color in the stylesheet StoreFront.css.

File: StyleSheet/StoreFront.css

/*----------------------------------------*/
a.StoreListContainer-Title:link {color:#D2D2D2;}
a.StoreListContainer-Title:visited {color:#D2D2D2;}
a.StoreListContainer-Title:hover {color:#D2D2D2;}
a.StoreListContainer-Title:active {color:White;}

td.StoreCategoryProductAlternatingItem {
  border-bottom:solid black 1px;
  border-top:solid black 1px;}
/*----------------------------------------*/

I like to put my changes at the bottom of the css file, that way I can easily find them and I know they override everything before.

Notice the last entry for td.StoreCategoryProductAlternatingItem. This puts a horizontal line between each item without adding one before the first and after the last item. Nice that the developers provided us with the an alternating item style.

Also see
DotNetNuke Store Install Shopping Cart
DotNetNuke Store Front Include Add To Cart and Buy Now Button

By Andrew Weitzen, Bronze Inc. (c) 2010

Bronze is the publisher of several online Internet journals including: InternetHandholding.com, DomainNames.gs, DotNetNuke.bz, Programmer.bz, Software.vg, WebHosting.vgFile: Catalog.htm

<div class="StoreCatalogWrapper">
<a href="/Store/StoreAccount.aspx">View My Cart and Checkout</a>
[MESSAGE]
[DETAIL]
[CATEGORY]
[FEATURED]
[NEW]
[POPULAR]
<a href="/Store/StoreAccount.aspx">View My Cart and Checkout</a>
</div>

Post Rating

Comments

There are currently no comments, be the first to post one.

Post Comment

Name (required)

Email (required)

Website

Enter the code shown above in the box below

Internet Handholding Newsletter

Minimize

DotNetNuke

Minimize



Recommend DotNetNuke.bz

Minimize

Share/Bookmark Bookmark and Share