Since I've had a few PM's regarding changes I've made here they are.
In classifieds_item_edit
Removed the upload form (seemed redundant to have uploads and a gallery function built in)
HTML:
<xen:if hascontent="true">
<dl class="ctrlUnit">
<dt></dt>
<dd>
<xen:contentcheck>
<xen:include template="attachment_upload_button">
<xen:set var="$buttonText">{xen:phrase upload_file}...</xen:set>
<xen:set var="$attachmentButtonKey">attach_upload</xen:set>
</xen:include>
</xen:contentcheck>
</dd>
</dl>
</xen:if>
I also removed the "Package" option. I have a simple need and its all fulfilled with one package
Find and remove
HTML:
<xen:if is="{$canEditPackage}">
<dl class="ctrlUnit">
<dt>
<label for="ctrl_package_id">{xen:phrase select_package}:</label>
<dfn>{xen:phrase required}</dfn>
</dt>
<dd>
<select id="ctrl_package_id" name="package_id" class="textCtrl PackageLoader" data-package-url="{xen:link classifieds/package-info}">
<xen:if is="!{$classified.package_id}"><option value="0"></option></xen:if>
<xen:foreach loop="$packages" value="$package">
<option value="{$package.package_id}" {xen:selected '{$classified.package_id} == {$package.package_id}'}>{$package.title}</option>
</xen:foreach>
</select>
<p class="explain">{xen:phrase select_package_to_load_info}</p>
<div class="PackageInfo"></div>
</dd>
</dl>
<xen:else />
You will also want to remove the
thats two-three lines down and leave intact the
HTML:
<input type="hidden" name="package_id" value="{$classified.package_id}" />
In classified_item_view
Replace
HTML:
<div class="classifiedInfo {xen:if $galleryImages, '', 'noSlideShow'}">
With
HTML:
<div class="classifiedInfo {xen:if $galleryImages, ''}">
Remove
HTML:
<span class="classifiedPrice">{xen:if '!{$classified.price} && {$advertType.zero_value_text}', '{$advertType.zero_value_text}', '{xen:helper classifiedPrice, $classified.price, $classified.currency}'}</span>
Find
HTML:
<div class="classifiedMeta">
<div class="classifiedHeader">
<xen:include template="classifieds_field_group">
<xen:set var="$fieldGroup" value="above_title" />
<xen:set var="$extraFieldClass" value="metaInfo" />
</xen:include>
AFTER add this line
HTML:
<xen:if is="{$galleryImages}">
Replace the next line
HTML:
<div class="classifiedIcon">
With
HTML:
<h1>
{xen:helper classifiedAdvertTypeBadge, $classified.advert_type_id, 0, $classified.classified_state, $linkAdvertTypeHtml}
{$classified.title}
</h1>
<xen:if is="{$classified.tag_line} OR {$extraDescriptionHtml}"><p class="tagLine muted">{$classified.tag_line}<xen:if is="{$classified.tag_line} AND {$extraDescriptionHtml}"><br /></xen:if>{xen:raw $extraDescriptionHtml}</p></xen:if>
</div>
<xen:else />
<div class="classifiedSlideShow">
Replace
HTML:
{xen:helper classifiedPrefix, $classified} {$classified.title}
{xen:helper classifiedAdvertTypeBadge, $classified.advert_type_id, 0, $classified.classified_state, $linkAdvertTypeHtml}
With
HTML:
{xen:helper classifiedAdvertTypeBadge, $classified.advert_type_id, 0, $classified.classified_state, $linkAdvertTypeHtml}
{$classified.title}
Replace
HTML:
<xen:if is="!{$galleryImages}">
<div class="classifiedPrice">
<div class="pairsJustified">
<dl>
<dt>{xen:phrase price}:</dt>
<dd>{xen:if '!{$classified.price} && {$advertType.zero_value_text}', '{$advertType.zero_value_text}', '{xen:helper classifiedPrice, $classified.price, $classified.currency}'}</dd>
</dl>
</div>
</div>
</xen:if>
With
After (This is going to move the price from the gallery image to a more prominent location thats easier to see and find for users)
HTML:
<div class="classifiedButtons">
Add
HTML:
<span class="newPrice">{xen:phrase price}: {xen:if '!{$classified.price} && {$advertType.zero_value_text}', '{$advertType.zero_value_text}', '{xen:helper classifiedPrice, $classified.price}'}</span>
This part moves the social share icons out of the way...
Find and delete
HTML:
<xen:if is="{xen:property classifiedsSocialShareLocation} == 2">
<xen:include template="classifieds_social_share" />
</xen:if>
Find
HTML:
<xen:include template="classifieds_field_group">
<xen:set var="$fieldGroup" value="below_title" />
<xen:set var="$extraFieldClass" value="metaInfo" />
</xen:include>
After add the social icons back in.
HTML:
<xen:if is="{xen:property classifiedsSocialShareLocation} == 2">
<xen:include template="classifieds_social_share" />
</xen:if>
Save and close template
next edit the classifieds_view_header.css
Find
HTML:
.noSlideShow .classifiedHeader
Change the margin-right accordingly. I set mine to 250px
Then add to the bottom
HTML:
.classifiedInfo .classifiedSlideShow > img
{
{xen:property avatar}
width: 388px;
height: 388px;
}
span.newPrice {
font-size: 20px;
font-weight: bold;
padding-right: 75px;
}
.customClassifiedFields dt{font-weight: bold; color: black;}
The last line of CSS above will make the custom field titles bold.
Next template: classifieds_item_view_tab
The next change will remove the Discussion tab (Why have a forum discussion and comments directly on the classified, seemed redundant to me) So we're going to remove the "Discussion" tab
HTML:
<xen:if is="{$thread}">
<li class="classifiedDiscussionTab {xen:if "{$selectedTab} == 'discussion'", active}">
<a href="{xen:link threads, $thread}">{xen:phrase discussion} <xen:if is="{$thread.reply_count}">({xen:number $thread.reply_count})</xen:if></a>
</li>
</xen:if>
This change will make the "Comments" tab always show. If there are no comments it will link directly back to the classified to avoid the "No permission" error page. If there is 1 or more comments, it will then link directly to the "Comments" page for the classified.
Find
HTML:
<xen:if is="{$totalComments}">
<li class="classifiedCommentTab {xen:if "{$selectedTab} == 'comment'", active}">
<a href="{xen:link classifieds/comments, $classified}">{xen:phrase comments} ({xen:number $totalComments})</a>
</li>
</xen:if>
and BEFORE the </xen:if> add
HTML:
<xen:else />
<li class="classifiedCommentTab {xen:if "{$selectedTab} == 'comment'", active}">
<a href="{xen:link classifieds, $classified}#">{xen:phrase comments}</a></li>
I suggest making these changes to a test forum before doing it on your live forum. This is what worked for me, and according to the template manager are the changes I made to get the layout everyone seems to like at
http://ohgunowners.org
If anyone has any further suggestions let me know. I'd be more than happy assist.
