AbleCommerce Shopping Cart Software

Running latest Gold with a theme copied from the Bootstrap responsive that is the default.
I have created a new control that I copied form the SocialMediaLinksDialog.ascx. I then added the new control to the leftsidebar.master via the admin screen. When I try to open the home page now I get the following error. Just trying to get a basic paragraph with a button inside this control so no code behind.net code is in play.

I am also getting this error in the build. Do you know why it is a base Able page.
Error 2 Unknown server tag 'uc:CheckoutProgress'. W:\Clients\cricketpoo.com\Website\Layouts\Fixed\Checkout.master 60
Thanks Rich

leftsidebar.master
<%-- This file is a generated file. Do not modify. See customization guide for details. --%>
<%@ Master Language="C#" AutoEventWireup="true" MasterPageFile="~/Layouts/Base.Master" Inherits="AbleCommerce.Layouts.Base" %>
<%--
<layout>
<description>Layout having a main column and left side bar.</description>
</layout>
--%>
<%@ Register src="~/ConLib/StoreHeader.ascx" tagname="StoreHeader" tagprefix="uc" %>
<%@ Register src="~/ConLib/SimpleCategoryList.ascx" tagname="SimpleCategoryList" tagprefix="uc" %>
<%@ Register src="~/ConLib/EZshipMembership.ascx" tagname="EZshipMembership" tagprefix="uc" %>
<%@ Register src="~/ConLib/RecentlyViewed.ascx" tagname="RecentlyViewed" tagprefix="uc" %>
<%@ Register src="~/ConLib/PopularProductsDialog.ascx" tagname="PopularProductsDialog" tagprefix="uc" %>
<%@ Register src="~/ConLib/StoreFooter.ascx" tagname="StoreFooter" tagprefix="uc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="NestedMaster" runat="server">
<div id="header">
<div class="zone">
<div class="section">
<div class="content">
<asp:ContentPlaceHolder ID="PageHeader" runat="server">
<uc:StoreHeader ID="StoreHeader_H" runat="server" />
</asp:ContentPlaceHolder>
</div>
</div>
</div>
</div>
<div id="contentContainer">
<div id="leftColumn">
<div class="zone">
<asp:ContentPlaceHolder ID="LeftSidebar" runat="server">
<uc:SimpleCategoryList ID="SimpleCategoryList_Left" runat="server" />
<uc:EZshipMembership ID="EZshipMembership_Left" runat="server" />
<uc:RecentlyViewed ID="RecentlyViewed_Left" runat="server" />
<uc:PopularProductsDialog ID="PopularProductsDialog_Left" runat="server" />
</asp:ContentPlaceHolder>
</div>
</div>
<div id="mainColumn" class="leftSidebarLayout">
<div class="zone">
<asp:ContentPlaceHolder ID="PageContent" runat="server">
[page body]
</asp:ContentPlaceHolder>
</div>
</div>
</div>
<div id="footer">
<div class="zone">
<div class="section">
<div class="content">
<asp:ContentPlaceHolder ID="PageFooter" runat="server">
<uc:StoreFooter ID="StoreFooter_F" runat="server" />
</asp:ContentPlaceHolder>
</div>
</div>
</div>
</div>
</asp:Content>

Parser Error Message: Could not load type 'AbleCommerce.ConLib.EZshipMembership'.
Source Error:
Line 1: <%@ Control Language="C#" AutoEventWireup="true" Inherits="AbleCommerce.ConLib.EZshipMembership" Codebehind="EZshipMembership.ascx.cs" %>
Line 2: <%--
Line 3: <conlib>

Source File: /ConLib/EZshipMembership.ascx Line: 1

Here is the ascx
<%@ Control Language="C#" AutoEventWireup="true" Inherits="AbleCommerce.ConLib.EZshipMembership" Codebehind="EZshipMembership.ascx.cs" %>
<%--
<conlib>
<summary>Add social media links to your page as a sidebar dialog.</summary>
<param name="ShowFacebook" default="True">Indicates whether to show the Facebook like button or not</param>
<param name="ShowGoogle" default="True">Indicates whether to show the Google +1 button or not</param>
<param name="ShowTwitter" default="True">Indicates whether to show the Twitter tweet button or not</param>
<param name="ShowPinterest" default="True">Indicates whether to show the Pinterest pin button or not</param>
</conlib>
--%>
<div class="widget socialMediaLinksDialog">
<div class="innerSection">
<div class="header">
<h2><asp:Localize ID="CaptionLabel" runat="server" Text="EZship Membership" /></h2>
</div>
<div class="content">
<asp:PlaceHolder ID="phMembership" runat="server">
<div>Membership is required to purchase discounted FedEx&trade; shipping labels, but Shipping Supplies can be purchased by anyone.
We look forward to providing the Reptile Community the tools needed to help grow this industry and your business.
</div>
<div>
<asp:Button ID="Button1" runat="server" Text="Apply for Membership" />
</div>
<br /><br />
</asp:PlaceHolder>

</div>
</div>
</div>

At first glance, everything looks correct so I'm not sure why you are getting an error.

We included a control named "Custom HTML" which you can add to any layout without having to create a copy of another control. What happens when you try to add this control to the LeftSideBar Responsive Layout?

Thanks
Katie

OK it appears this was connected to the other post about adding a custom aspx page. What I had to do was copy and paste an existing control into my custom conlib folder. I was copying the aspx and aspxc files and then adding as existing to the project but looks like you need the designer file also and the main aspx file after the paste to get it to work.

Once there in the custom folder, I made the changes to the class and content. Recompiled the application and then when I add to the layout (leftsidebar in this case) via admin it displayed correctly.

Now my only remaining issue is that we cannot get any JPGs to display even after adding iis_iusrs to the folders, checking the name an dpath in the code. Same thing happens if I add an existing jpg file out of the box e.g. \Website\App_Themes\mytheme_Responsive\images\PaymentInstrumentscheckhelp_m.jpg to the home page via admin get a broken link.

UPDATE: Mike had suggested to check that the file was not blocked. My image file that was copied into the folder was blocked but when I unblock that file still no display. The one from Able above was not blocked to begin with.

Is there anything special we need to do to add jpg images to controls/pages?

thanks much
Rich

Rich,

Try viewing the image without accessing an AbleCommerce page. If you can't see the image, then it must be some issue with your website configuration or permissions. Can you get a .Gif to work?

Katie

Ok, will look at Custom HTML next time. What it appears was the issue with the images is that we mistakenly thought the app_themes\mytheme\images folder was the default path and had ours new images there. We created a new folder under assets and placed the unblocked jpg file there and changed the code to match and the image appears now on the custom control. Our mistake on that one.

Thanks Rich

rich wrote:What it appears was the issue with the images is that we mistakenly thought the app_themes\mytheme\images folder was the default path and had ours new images there. We created a new folder under assets and placed the unblocked jpg file there and changed the code to match and the image appears now on the custom control. Our mistake on that one

When an image is referenced in a CSS style sheet, the default path will be as you described app_themes\mytheme\images\ folder.

Outside of the style sheet, the image path is based on whether you specified it as relative or absolute. For example:

in a user control found in /ConLib/Custom/, you have added an <asp:Image> control. Here are the possible scenarios and the resolved path:

ImageUrl = "something.jpg" is relative and resolves to the containing path of the control that referenced the image. So the result would be /conlib/custom/something.jpg

ImageUrl = "images/something.jpg" is relative and resolves based on the containing path. So the result would assume you had a folder /conlib/custom/images and that's where the file is.

ImageUrl = "/images/something.jpg" is absolute and resolves to the /images/ folder in the root of the site.

ImageUrl = "~/images/something.jpg" is relative to the application root directory. This is the preferred way to reference images in .Net applications. It makes the site less dependent on the a parent hosting folder structure. I can run Able in http://site.com/ or http://localhost/mysite/ and the path will still resolve correctly. The same is not true if you use straight HTML pathing such as "/images/something.jpg".

Overall, it does get confusing sometimes. The general rule I live by is stylesheet = relative to the theme folder, otherwise use ~/ and make it based on the app root folder.