Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

modifying header - (tryng to - at least)

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 11-06-2010, 04:30 AM
 
storeowner storeowner is offline
 

Member
  
Join Date: Oct 2010
Posts: 10
 

Default modifying header - (tryng to - at least)

Here's the link to my Details Page. I'm trying to customize the header wthout removing everything, and just replacing the existing elements with my own html and modifying the CSS.

http://quiltronwebsales.com/x-cart/product.php?productid=17516

Here's the " HTML" for the Header, located in head.tpl.

{*
$Id: head.tpl,v 1.20 2009/06/05 11:46:27 joy Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<div class="line1">

<div class="logo">
<p
style="position:absolute; left:3%;" a href="{$catalogs.customer}/home.php"><img
src="http://quiltron.net/images/quiltron-web-sales/quiltron-web-sales_logo_500.png"
alt="quiltron web sales logo"></a>
</p>
<p id="tab-box">
{include file="customer/tabs.tpl"}
</p>
</div>
</div>
<div class="line2">
<!--
<div class="search">
-->
<div class="transaction-box" >
<p id="transaction">
Your Purchase Will Appear on your Card Statement as a Charge <br /> from QUILTRON WEB
SALES
</p>
<p style= "position: left:10%; vertical-align: bottom;"> <form method="post"
action="search.php" name="productsearchform">
<input type="hidden" name="simple_search" value="Y" />
<input type="hidden" name="mode" value="search" />
<input type="hidden" name="posted_data[by_title]" value="Y" />
<input type="hidden" name="posted_data[by_descr]" value="Y" />
<input type="hidden" name="posted_data[by_sku]" value="Y" />
<input type="hidden" name="posted_data[search_in_subcategories]" value="Y" />
<input type="hidden" name="posted_data[including]" value="all" />
{strip}
<span class="search">{$lng.lbl_search}:</span>
<input type="text" name="posted_data[substring]" class="text"
value="{$search_prefilled.substring|escape}" />
{include file="customer/buttons/button.tpl" type="input" style="image"}
<a href="search.php" class="search">{$lng.lbl_advanced_search}</a>
{/strip}
</form>
</p>
<!--
{if $main ne "fast_lane_checkout"}
{include file="customer/search.tpl"}
{include file="customer/language_selector.tpl"}
{else}
{include file="modules/Fast_Lane_Checkout/head.tpl"}
{/if}
-->
</div>
<!--
{include file="customer/noscript.tpl"}
-->



I used the div line 1 / and the logo.tpl for the custom logo and the tabs.

To get the tabs to stop folding underneath the logo field I had to insert a "0" pixel element .

And to position the tabs I had to use in-line css, which I would prefer not to use, but it seems to work on all the browsers.

(I still can't locate the individual tabs so that I can replace the a href for "Home")

Also, as much as I try I can't position the "search" field farther left. The field must be inheriting the position from some other element, but I can't find it. I even tried in-line CSS, which should over-ride all other styling. (?)


I found the footer in: skin1/customer/home.tpl and it is modified with the insertion of the phones/tpl and the language.tpl.


{*
$Id: home.tpl,v 1.107 2009/05/26 13:23:24 joy Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<?xml version="1.0" encoding="{$default_charset|default:"iso-8859-1"}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{config_load file="$skin_config"}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{include file="customer/service_head.tpl"}
</head>
<body{if $body_onload ne ''} onload="javascript: {$body_onload}"{/if}{if $container_classes}

class="{foreach from=$container_classes item=c}{$c} {/foreach}"{/if}>
<div id="page-container">
<div id="page-container2">
<div id="content-container">
<div id="content-container2">
<div id="center">
<div id="center-main">
{include file="customer/evaluation.tpl"}
<!-- central space -->
{if $main neq "catalog" || $current_category.category neq ""}
{include file="customer/bread_crumbs.tpl"}
{/if}
{if $gcheckout_enabled && $main ne "cart" && $main ne "checkout" && $main ne

"anonymous_checkout" && $main ne "order_message"}
{include file="modules/Google_Checkout/gcheckout_top_button.tpl"}
{/if}
{include file="customer/dialog_message.tpl"}
{if $page_title}
<h1>{$page_title|escape}</h1>
{/if}
{if $active_modules.Special_Offers}
{include file="modules/Special_Offers/customer/new_offers_message.tpl"}
{/if}
{include file="customer/home_main.tpl"}
<!-- /central space -->
</div>
</div>
<div id="left-bar">
{if $categories && ($active_modules.Flyout_Menus ||

$config.General.root_categories eq "Y" || $subcategories)}
{include file="customer/categories.tpl" }
{/if}
{if $active_modules.Bestsellers}
{include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}
{if $active_modules.Manufacturers ne "" and

$config.Manufacturers.manufacturers_menu eq "Y"}
{include file="modules/Manufacturers/menu_manufacturers.tpl" }
{/if}
{include file="customer/special.tpl"}
{if $active_modules.Survey && $menu_surveys}
{foreach from=$menu_surveys item=menu_survey}
{include file="modules/Survey/menu_survey.tpl"}
{/foreach}
{/if}
{include file="customer/help/menu.tpl"}
</div>
<div id="right-bar">
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/button.tpl"}
{/if}
{if $active_modules.Feature_Comparison && $comparison_products ne ''}
{include file="modules/Feature_Comparison/product_list.tpl" }
{/if}
{include file="customer/menu_cart.tpl" }
{if $login eq "" }
{include file="customer/auth.tpl" }
{else}
{include file="customer/authbox.tpl" }
{/if}
{include file="customer/news.tpl" }
{if $active_modules.XAffiliate && $config.XAffiliate.partner_register eq 'Y' &&

$config.XAffiliate.display_backoffice_link eq 'Y'}
{include file="partner/menu_affiliate.tpl" }
{/if}
{if $active_modules.Interneka}
{include file="modules/Interneka/menu_interneka.tpl" }
{/if}
{include file="poweredby.tpl" }
</div>
</div>
</div>
<div class="clearing">&nbsp;</div>
<div id="header">
{include file="customer/head.tpl"}

</div>
<div id="footer">
<p id="footer-phone" {include file="customer/phones.tpl"}>
</p>
<p id="footer-language" {include file="customer/language_selector.tpl"}>
</p>
{if $active_modules.Users_online}
{include file="modules/Users_online/menu_users_online.tpl"}
{/if}
{include file="customer/bottom.tpl"}
</div>
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/header.tpl"}
{/if}
{if $active_modules.Google_Analytics && $config.Google_Analytics.ganalytics_code}
{include file="modules/Google_Analytics/ga_code.tpl"}
{/if}
</div>
</div>
</body>
</html>



Neither will show up on the screen. All I get is a broken bracket on the left.


Thanks,

Dorian
__________________
x-cart gold 4.3.2
xp-64
usa
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 10:11 PM.

   

 
X-Cart forums © 2001-2020