X-Cart forums - X-Cart Smart Template v4.4.x

X-Cart forums (https://forum.x-cart.com/index.php)

- Third Party Add-Ons for X-Cart 4 (https://forum.x-cart.com/forumdisplay.php?f=45)

- - X-Cart Smart Template v4.4.x (https://forum.x-cart.com/showthread.php?t=55088)

Re: X-Cart Smart Template v4.4.x

@ Soft-Seller post 228

The iframe you have is inside a table. Keep the width=100% for the iframe and add same (width="100%") for the table container

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by cflsystems

@ Soft-Seller post 228

The iframe you have is inside a table. Keep the width=100% for the iframe and add same (width="100%") for the table container

Hello

Thank you for your reply.

where I will find this table container. I have tried but didnt find anywhere.

regards
Kashif

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by open

HI,
We all purchased xcart also and over 218,400 posts for help in the forums do show that asking and reading will get you the solution and improved features you are looking for. Then you can help other new users with your experiences. When researching what cart system to use the forum real life help files available will make a difference as to people's software choice. Keep up the super support people.

Read what I posted, I said template aka this template not xcart itself. People are expecting to much of Phil.

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by Soft-Reseller.com

Hello

Thank you for your reply.

where I will find this table container. I have tried but didnt find anywhere.

regards
Kashif

It's the one you are inserting the iframe in

<table cellspacing="0" cellpadding="0" summary="Description">
<tbody><tr>
<td class="descr"><iframe height="1500" frameborder="0" align="center" width="100%"

Re: X-Cart Smart Template v4.4.x

I use this script for IFRAME's - it auto resizes the frame height according to the content, so no need for fixed height...

http://www.phpmix.org/iframe_height_auto_resize

http://www.phpmix.org/iframe_height_auto_resize/iframe_height_auto_resize_the_code

Example usage...

Code:

{* IE7 Compatibility *}

{literal}

<style type="text/css">

.my_iframe {

 position:relative;

 left:0px;

 top:0px;

 z-index:0;

 width:100%;

 height:auto;

 opacity:1.0;

 -moz-opacity:1.0;

}

</style>

{/literal}

{* /IE7 Compatibility *}

<div class="my_iframe"><iframe src="PATH_TO_CONTENT.html" onload="DYNIFS.resize('my_iframe')" id="my_iframe" name="my_iframe" allowtransparency="true" frameborder="0" scrolling="no" style="background-color:transparent; margin:0px; padding:0px; border:0px; width:100%; height:auto;">Sorry, your browser doesn't support iframes.</iframe></div>

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by cflsystems

Hello

In my post

http://forum.x-cart.com/showpost.php?p=309710&postcount=228

I raised a problem I was facing. I write the problem again so it may help anybody facing the same.

---------------------------------------------------------------------------------------------

In detail description of a product I am using iframe.

The details with simple details shows in full Tab space.

http://www.soft-reseller.com/eshop/WinRAR.html
http://demos.soft-reseller.com/x-cart/forum_pics/description_without_Iframe.png

and where I use iframe and call a webpage there it shows like this

http://www.soft-reseller.com/eshop/AVG-PC-TuneUP-2011.html
http://demos.soft-reseller.com/x-cart/forum_pics/description_with_Iframe.png

---------------------------------------------------------------------------------------------

I want to say Thanks to cflsystems who helped me and gave me idea to solve the problem.

in File "tabs.tpl" in "custom" Folder line No. 55

"<table cellspacing="0" cellpadding="0" summary="{$lng.lbl_description|escape}">"

add width="100%" i.e

"<table cellspacing="0" cellpadding="0" width="100%" summary="{$lng.lbl_description|escape}">"

this will solve the problem.

Thanks cflsystems for help.

And PhilJ really great Template I love it there are some issues initially and that might be due to my very little knowledge in php but I know this Template will give my site a very impressive look.

Best Regards to both of you.
Soft-reseller.com

Re: X-Cart Smart Template v4.4.x

Hello, can someone please tell me how to resize this drop-down list that I am using below. Someone was so kind to share this code to create this drop list for my product categories but for some reason it will not re-size the width automatically to show the full category names and the names are being cut off on the right hand side. List works great, just needs to be wider and I have no idea where to start.

<select name="listCategories" onchange="window.location=this.options[selectedIndex].value">
<option value=""><font class="VertMenuItems">Select A Product Category</font></option>
{foreach from=$categories_menu_list item=c name=categories}
{if $c.order_by < 899 && $c.product_count ne 0}
<option value="home.php?cat={$c.categoryid}">{$c.category} </font></option>
{/if}
{/foreach}
</select>

I created a template called dropdown_categories.tpl and I have placed it here on my header page:

<div id="st_menu_container">
<div id="st_menu">
{if $config.Smart_Template.st_horiz_menu eq "Y"}
{include file="custom/horiz_categories.tpl"}
{else}
{include file="custom/dropdown_categories.tpl"}
{/if}
</div>
</div>

--------------------------------------------------------------------
Inside my css the style is set to:

#st_menu_container { float: left; width: 42%; }
#st_menu { margin-right: 0px; }

These settings do nothing for the size though.

Thank you for your help and time. Shareen

Re: X-Cart Smart Template v4.4.x

Code:

 

<select name="listCategories" onchange="window.location=this.options[selectedIndex].value" style="width:100%">

<option value=""><font class="VertMenuItems">Select A Product Category</font></option>

{foreach from=$categories_menu_list item=c name=categories}

{if $c.order_by < 899 && $c.product_count ne 0}

<option value="home.php?cat={$c.categoryid}">{$c.category} </font></option>

{/if}

{/foreach}

</select>

You can adjust the % value or use a fixed pixel value - style="width:200px"

Re: X-Cart Smart Template v4.4.x

Phil, Thank you so much! You have made my day because I have been stuck on this for weeks. Thanks again! Take Care!

Re: X-Cart Smart Template v4.4.x

I would like to know if there is a way to increase the size of the logo field and drop everything else down a bit. I would like to use a logo that does not fit in the current logo space at the moment and everything up there seems to be bunched up and crowed. I would like to change my logo and and more space between logo and main page area.

Re: X-Cart Smart Template v4.4.x

Hello

I am facing a little issue.

when I open my webpage it do not shows the Title. Only shows "Your Company Name"

http://demos.soft-reseller.com/x-cart/forum_pics/Page_Title_1.png

But on all other Pages such as Categories and Product page it shows the Title.

http://demos.soft-reseller.com/x-cart/forum_pics/Page_Title_2.png

Please Help

Best Regards
Kashif Rashid

Re: X-Cart Smart Template v4.4.x

hi soft reseller
RE: Unable to display the Default site 'Title' tag after editing.
try this link
http://bugtracker.qtmsoft.com/view.php?id=38978

look for DIFF_54453.patch then apply the patch (scroll to bottom of page)

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by open

Hello

Dear Open

Thank you very much. You have solved my issue.

It took 1 minute to install the patch "DIFF_54453.patch" at

http://bugtracker.qtmsoft.com/view.php?id=38978

Thanks again

Best Regards
Kashif

Re: X-Cart Smart Template v4.4.x

Hi Phil,

I want to add flash banner to my Home page. But i call the html page from Home.tpl. So where do i add the flash script?

Thanks,

Re: X-Cart Smart Template v4.4.x

Quote:

I want to add flash banner to my Home page. But i call the html page from Home.tpl. So where do i add the flash script?

skin/smart_template/customer/main/welcome.tpl

Re: X-Cart Smart Template v4.4.x

Hi Phil:D

As you are about, any chance you could sent us the slider files, want to give the Nivo a go see if it is any smoother.

Sorted the pre-order issue out, you were spot on of course so no need to worry about that.

But if you could give me a shout when you have 5 mins:D

Re: X-Cart Smart Template v4.4.x

Euribada and Mr G ...

Quote:

Q1.
i wonder how to change order of Smart Tabs and change default selection to other taps? for example, i would like to select the "recommended" instead of "sent to friend" at default setting without click to see the products. in addition, i would like to put send to friend at very last.

skin/smart_template/custom/tabs.tpl

You have to reorder the blocks of code in the upper half.

Then apply <li class="selected"> to the first item.

Eg.

Code:

 

{if $active_modules.Recommended_Products}

<li class="selected"><a href="#st_tab5" rel="tcontent5"><span>{$lng.lbl_recommends}</span></a></li>

{/if}

Quote:

Q2. - i would like to make detailed image views in a popup window with "jQuery ColorBox" to show different angle. before i apply Smart Template, it works just fine however, after applied smart template, it's not showing properly.
do you have any idea to fix this problem?

Here is a fix for the Colorbox not loading in IE...

Add the following CSS code to skin/smart_template/css/altskin.css

Code:

 

/*----------------------------------------*/

/**

 * ColorBox Fix

 */

/*

    ColorBox Core Style

    The following rules are the styles that are consistant between themes.

    Avoid changing this area to maintain compatability with future versions of ColorBox.

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative; overflow:hidden;}

#cboxLoadedContent{overflow:auto;}

#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 

    Example user style

    The following rules are ordered and tabbed in a way that represents the

    order/nesting of the generated HTML, so that the structure easier to understand.

*/

#cboxOverlay{background:url(../../common_files/lib/colorbox/images/overlay.png) repeat 0 0;}

#colorbox{}

    #cboxTopLeft{width:21px; height:21px; background:url(../../common_files/lib/colorbox/images/controls.png) no-repeat -100px 0;}

    #cboxTopRight{width:21px; height:21px; background:url(../../common_files/lib/colorbox/images/controls.png) no-repeat -129px 0;}

    #cboxBottomLeft{width:21px; height:21px; background:url(../../common_files/lib/colorbox/images/controls.png) no-repeat -100px -29px;}

    #cboxBottomRight{width:21px; height:21px; background:url(../../common_files/lib/colorbox/images/controls.png) no-repeat -129px -29px;}

    #cboxMiddleLeft{width:21px; background:url(../../common_files/lib/colorbox/images/controls.png) left top repeat-y;}

    #cboxMiddleRight{width:21px; background:url(../../common_files/lib/colorbox/images/controls.png) right top repeat-y;}

    #cboxTopCenter{height:21px; background:url(../../common_files/lib/colorbox/images/border.png) 0 0 repeat-x;}

    #cboxBottomCenter{height:21px; background:url(../../common_files/lib/colorbox/images/border.png) 0 -29px repeat-x;}

    #cboxContent{background:#fff;}

        #cboxLoadedContent{margin-bottom:28px;}

        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}

        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../../common_files/lib/colorbox/images/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}

        #cboxPrevious.hover{background-position:-75px -25px;}

        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../common_files/lib/colorbox/images/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}

        #cboxNext.hover{background-position:-50px -25px;}

        #cboxLoadingOverlay{background:url(../../common_files/lib/colorbox/images/loading_background.png) no-repeat center center;}

        #cboxLoadingGraphic{background:url(../../common_files/lib/colorbox/images/loading.gif) no-repeat center center;}

        #cboxClose{position:absolute; bottom:0; right:0; background:url(../../common_files/lib/colorbox/images/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}

        #cboxClose.hover{background-position:-25px -25px;}

/*

    The following fixes png-transparency for IE6.  

    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

 

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.

    Colorbox preloads navigation hover classes to account for this.

 

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,

    while regular CSS background images are relative to the CSS document.

*/

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}

.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}

.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}

.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}

.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}

.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}

.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}

.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

Re: X-Cart Smart Template v4.4.x

Anyone wanting to easily add a Facebook 'Like' button...

In skin/smart_template/custom/common.tpl

At the end, insert...

Code:

 

<meta property="og:title" content="{$product.producttitle|default:$product.product|escape}" />

<meta property="og:site_name" content="{$config.Company.company_name}" />

<meta property="og:image" content="{$product.image_url|default:$product.tmbn_url}" />

Then in skin/smart_template/customer/main/product_details.tpl

After...

Code:

 

<div class="ask-question">

{include file="customer/buttons/button.tpl" button_title=$lng.lbl_ask_question_about_product style="link" href="javascript: return !popupOpen(xcart_web_dir + '/popup_ask.php?productid=`$product.productid`')"}

</div>

Insert...

Code:

<iframe src="http://www.facebook.com/plugins/like.php?href={$php_url.url|escape:"url"}&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:30px; margin-top:10px"></iframe>

Then run cleanup.php

Source | Demo

I don't have a Facebook account, so I can't test it personally :)

Custom custom ;) 404 error page

I've read the manual about customizing 404 error pages.

However, I would like my 404 error page to be like (not the same as) a static page, where my custom 404 error message is within the skin, rather than an empty page like it is for the /xcart/skin/common_files/404/404_en.html page. That would be cool! 8-) Also, I do NOT want to do a redirect from the 404 error page either with a meta refresh or a 301 redirect. (Google doesn't like those. Google it.) I don't think I want to use some iframe :-& either.

The html files for XC static pages (example: /public_html/skin/common_files/pages/en/privacy_statement.html) don't include the necessary includes to display the containing skin/page structure. They are "called" from its parent php file somewhere. Perhaps if I knew where the parent php file was, I could clone and modify it and put it in the /xcart/skin/common_files/404/ folder and it would accomplish this task?
TIA!

Re: X-Cart Smart Template v4.4.x

Mr G, try the attached.

Demo

Re: X-Cart Smart Template v4.4.x

Smart Comments has been updated for v4.4.2.

You can demo it here, feel free to test.

Admin now gets notified by email of new comments. The comments interface has been tidied up.

It's free to all purchasers of the Smart Template (one license only).

If you'd like updated files, PM me with your order ID and store URL :)

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by PhilJ

Mr G, try the attached.

Almost there! I followed all the instructions, then typed in a bad URL, and still got the default 404 XC page. I also tried uncommenting line 6 of the .htaccess file and made sure the file name was correct. Also cleared the template cache and local cache, cookies. Same. Note that if I enter www....com/404_custom.php, then your custom 404 page, with my changes, loads and looks great! After you tell me what to do, I'll be happy to edit the install instructions and repost it here for all to benefit for your awesome template :D.

Re: X-Cart Smart Template v4.4.x

PHIL,
How to include an alternative price for Featured Products and New Products?
Klemens

Re: X-Cart Smart Template v4.4.x

Klemens, for example with the carousel featured products...

skin/smart_template/custom/featured_carousel.tpl

After...

Code:

 

<span class="price">{include file="currency.tpl" value=$f_products[product].price}</span>

Insert...

Code:

 

{include file="customer/main/alter_currency_value.tpl" alter_currency_value=$f_products[product].taxed_price tag_id="product_alt_price"}

Re: X-Cart Smart Template v4.4.x

PHIL,
Thanks. Works great on carousel featured products, however nothing on New Products.
Klemens

Re: X-Cart Smart Template v4.4.x

Hi Phil - I don't think I have the social bookmarks enabled or loaded somehow - was it added after I installed this? Or did I just miss it in the template options somehow?
Thanks!

Re: X-Cart Smart Template v4.4.x

Great Template. Horrible Customer Service. I will post my experience regarding customer service shortly.

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by Henry

Great Template. Horrible Customer Service. I will post my experience regarding customer service shortly.

Dear Henry

I dont know what happens with you but I never face any problem.

I have discussed very small issues to other problems which are not related to Smart Template. And always found him helping and timed.

Yes some times as he mentioned in one of his post he face lots of tickets at same time and to solve problem and satisfy everyone takes some time.

Give him little time and contact him again hope your problem will be solved on priority.

I am in favor of him because he helped me so much and beyond limits.

Regard

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by Soft-Reseller.com

I am glad you have had a good experience, I unfortunately have not. I have actually had to hire an outside developer to take care of the issues we were having because of no response from Phil. As far as the template itself I think it is great. In my case though there was no support, free or paid, for this product. Again I cannot say enough good things about the product, but I don't have anything positive to say about the support.

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by Henry

What kinds of problems did you have, sounds to me like you purchased a template, what wanted a complete site mod. Most of the times it is not the templates fault, but other mods you have.

I also did not see a post in this forum for help

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by Duramax 6.6L

Hi Duramax,

You are correct, I did purchase a template and there was nothing wrong with the template itself. I had Qualiteam do an upgrade from 4.4.1 to 4.4.2 and there were some issues after they were finished. I also had a few modifications that needed to be done. I have the advanced filter mod that needed to be visible on the left menu and help with a live chat button code installation. These issues were no fault of Phil or the template. I did post a request to hire someone on the 4th to help me correct these issues but I did not get a response. Phil did contact me after my post here regarding a lack of support and we agreed on a price to have him sort out some of the issues we were having, but I have not heard from him since.

The times that I have chatted with Phil he does seem very nice and he has gotten good reviews here on the forum, which is one of the main reasons I purchased from him. With that said though there has to be in my opinion better communication. The support tickets that I did submit have never been answered. I do not know the whole story as to what Phil's situation is and I guess I should give him the benefit of doubt.

Would I recommend this template to anyone? Yes, as long as you do not need any modifications done or if you do you are experienced enough to do it yourself or have someone you know that can do it for you. In my particular case I am not experienced enough, nor do I currently have enough time to performing the modifications that I needed therefore when Phil did not reply it left me in a difficult situation. I would have preferred to have hired Phil do the modifications needed since this is his software and he knows it better than anyone else. He does advertise custom work at an hourly rate on his web site. In the end I was able to find someone to do the necessary modifications that I needed at a very, very reasonable hourly rate.

Re: X-Cart Smart Template v4.4.x

Henry, it's unfortunate what's happened with your site (which is another story) I understand your frustration, but as I told you, my workload is high at the moment. I gave you instructions to send me the relevant files to install, but nothing materialised from you. Maybe I should have communicated better. As of now I am not accepting any additional custom work until existing projects are cleared. I'm glad you have found another developer, best of luck with your store.

I take your criticism and will improve on this in future.

Now can this thread be put back on topic please? Thank you.

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by PhilJ

Hi Phil,

My apologies for getting this thread off topic.

Take care Phil and hopefully you get caught up soon.

Thanks, Henry.

Re: X-Cart Smart Template v4.4.x

Using Smart Template and would like to change One Page Checkout width to 970. Can anyone lead me to the correct file? Thanks!

Re: X-Cart Smart Template v4.4.x

Looking to install a "Free Shipping" logo on the product detail page when free shipping is selected from the product management screen in the admin.
I have done this on 4.1.7 but not quite sure how to do this with the smart template on 4.4.2 Thanks for any input.

Re: X-Cart Smart Template v4.4.x

Use the webmaster mode to find the template you want to modify

Re: X-Cart Smart Template v4.4.x

Steve, tried for the longest searching through webmaster mode with no avail. Eventually I'll find it... Thanks!

Re: X-Cart Smart Template v4.4.x

To use Webmaster mode, you need to have popups unblocked for your site, or you will not see the template list. After the list popup happens, and the page you are on show green fonts where they normally aren't, slide to the part of the page you want to know about. Then slowly run the cursor over the popup list. You will various parts of the screen get frames around them as you move the mouse. A part of a page can be controlled by more than one template, but usually you want the one that frames the smallest piece of your area of interest. After you think you've got the right template, click. X-Cart will open the template in the editor.

Re: X-Cart Smart Template v4.4.x

Quote:

Originally Posted by sparker2

I have also an issue with this. As far as I can tell I have read through the postings and not come across this issue. Basically I want to change the logo.png to be larger (at least increase the width to more than 480) I have looked in the .css files (as far as I can tell) and cant figure it out. When I do inlclude a logo.png with a larger width it gets cropped back to 480.
Please let me know how to proceed

Re: X-Cart Smart Template v4.4.x

Quote:

You can adjust the logo size in the css file for the theme you are using.

skin/smart_template/custom/themes

All the .css files are in this folder.