Help - first post of each thread duplicated in reply!

[dh240ri]

Forum URL: (private)


Hello! We recently purchased a skin from someone and, upon importing the code directly and making few to no changes (only to board names), we've found that the first post of each thread is copied onto all subsequent replies, and when you click "delete" the username on the mini-profile breaks into raw code.

Unfortunately, the coder we have originally purchased the skin from is not responsive and offering no help.

We're wondering what the issue is - at first we thought it might be mini-profile and profile fields, but we've copied as much as we can from the original skin's preview and still can't fix it could someone have a look for us please?

For reference, the original skin's preview can be found here:

SPOILER: Click to show

elysian-fields.boards.net

Here's an example from our site, the first reply actually says "test reply post", but you can see the first post has just been duplicated over somehow:

SPOILER: Click to show

beyondgoodandevil.boards.net/thread/11/09-site-credits?page=1&scrollTo=27

[Craig]

Hi

Could you post your Thread and Post List templates so we could take a look at the set up.

[dh240ri]

Hey Craig, thanks for getting back to me!

here is our thread code:

<div>
   <div class="elysian-thred-title">
     <h1>$[thread.subject]</h1>
     {if $[reply_button]}<a href="$[reply_button.href]">compose a reply</a>{/if}
   </div>
<div class="elysian-control">
$[search]
<div class="controls">
$[action_menu]
</div>
$[pagination]
</div>
<div>
$[thread.labels]
$[poll]
<div class="$[list_class]">
$[post_list]
</div>
{if !$[quick_reply]}{if $[bottom_reply_button]}
<div class="reply_button pad-all-double">$[bottom_reply_button]<br class="clear" /></div>
{/if}{/if}
</div>
</div>
$[quick_reply]
<script src="https://cdnjs.cloudflare.com/ajax/libs/fitty/2.3.6/fitty.min.js"></script>
<script>$(".elysian-post-left-name").html(function(){
 var text= $(this).html().trim().split(" ");
 var last = text.pop();
 return text.join(" ") + (text.length > 0 ? " <div class='elysian-nam'>" + last + "</div>" : last);
});

$(".elysian-post-left-name").html(function(){
 var text= $(this).html().trim().split(" ");
 var first = text.shift();
 return (text.length > 0 ? "<div class='elysian-nam'>"+ first + "</div> " : first) + text.join(" ");
});
</script>
<script>fitty('#my-element div', { minSize: 12,  maxSize: 300, multiLine: true });</script>
<script>
$ = jQuery.noConflict();
$(document).ajaxComplete(function() {
   $(".elysian-post-left-name").html(function(){
 var text= $(this).html().trim().split(" ");
 var last = text.pop();
 return text.join(" ") + (text.length > 0 ? " <div class='elysian-nam'>" + last + "</div>" : last);
});

$(".elysian-post-left-name").html(function(){
 var text= $(this).html().trim().split(" ");
 var first = text.shift();
 return (text.length > 0 ? "<div class='elysian-nam'>"+ first + "</div> " : first) + text.join(" ");
});
   
fitty('#my-element div', { minSize: 12,  maxSize: 300, multiLine: true });
});
</script>

and this is our post list:
{foreach $[post]}
<table class="elysian-postt"><tr class="$[post.content_class]"><td class="$[post.unblocked_class]" style="border:none!important;"><article><div id="$[post.content_id]" class="post">
<div class="elysian-post"{if $[post.created_by.group.name]} id="$[post.created_by.group.name]"{/if}>
     
     <div class="elysian-post-left">
       $[post.created_by.miniprofile]
     </div>
     
     <div class="elysian-post-tp">
       <div class="elysian-post-tp-1">$[post.created_by.avatar]</div>
       <a href="$[post.created_by.href]">$[post.created_by.name]<span>{if $[post.created_by.group]}{if $[post.created_by.group.name] == "staff"}staff team{elseif $[post.created_by.group.name] == "ooc"}player account{elseif $[post.created_by.group.name] == "outsider"}an outsider{elseif $[post.created_by.group.name] == "inactive"}no longer active{else}of $[post.created_by.group.name]{/if}{else}pending approval{/if}</span></a>
     </div>
     
     <div class="elysian-post-right">
       <div class="elysian-post-right-top">
         <a href="$[post.thread.link.href]"><i title="$[post.thread.subject]" class="ph-link-fill"></i><span>$[post.thread.subject]</span></a>written on $[post.created_on]
       </div>
       <div class="elysian-post-right-top-1">
         <div class="elysian-post-right-quote">{if $[post.created_by.personal_text.message] != ''}$[post.created_by.personal_text]{/if}</div>
         <div class="elysian-post-right-but">
         {if $[post.quote_button]}<a href="$[post.quote_button.href]" title="quote"><i class="ph-quotes-fill"></i><span>quote</span></a>{/if}
         {if $[post.edit_button]}<a href="$[post.edit_button.href]" title="edit"><i class="ph-pencil-fill"></i><span>edit</span></a>{/if}
         {if $[post.likes.button]}<span title="like">$[post.likes.button]</span>{/if}
         <span title="options">$[post.select_options]</span>
         </div>
       </div>
       <div class="elysian-post-right-1">
           <div class="elysian-post-right-2">$[post.likes]</div>
       <table style="width:100%;"><tr><td class="content" style="padding:0px!important;"><div class="message elysian-cryi">
       $[post.message]
       </div></td></tr></table>
     </div>
     <div class="elysian-post-right-bot">
       <div class="elysian-post-by">
           <a{foreach $[post.created_by.custom_field]}{if $[post.created_by.custom_field.name] == "ooc account link"} href="$[post.created_by.custom_field.value]"{/if}{/foreach}>{foreach $[post.created_by.custom_field]}{if $[post.created_by.custom_field.name] == "ooc name"}$[post.created_by.custom_field.value]{/if}{/foreach}</a>
           
           has written $[post.created_by.posts] post{if $[post.created_by.posts] == 1}{else}s{/if}</div>
       <div class="elysian-post-right-bot-1">
       {foreach $[post.created_by.custom_field]}{if $[post.created_by.custom_field.name] == "application"}<a title="application" href="$[post.created_by.custom_field.value]"><i class="ph-identification-badge-fill"></i><span>application</span></a>{/if}{/foreach}
       {foreach $[post.created_by.custom_field]}{if $[post.created_by.custom_field.name] == "shipper"}<a title="application" href="$[post.created_by.custom_field.value]"><i class="ph-boat-fill"></i><span>shipper</span></a>{/if}{/foreach}
       {foreach $[post.created_by.custom_field]}{if $[post.created_by.custom_field.name] == "tracker"}<a title="application" href="$[post.created_by.custom_field.value]"><i class="ph-map-trifold-fill"></i><span>tracker</span></a>{/if}{/foreach}
       </div>
     </div>
     </div>
     
   </div>
</div></article></td></tr></table>
{/foreach}
{if !$[post]}
No posts were found.
{/if}

[Scott]

dh240ri -

There was a conflict between the Style Tag plugin and the theme.

Craig reviewed the template code you posted and suggested a small change that seems to have fixed the issue. (I made the change on your forum.)

For your Post List template the original was:
<table class="elysian-postt"><tr class="$[post.content_class]"><td class="$[post.unblocked_class]" style="border:none!important;"><article><div id="$[post.content_id]" class="post">

That was changed to:
<table class="elysian-postt"><tr class="$[post.content_class]" id="$[post.content_id]"><td class="$[post.unblocked_class]" style="border:none!important;"><article><div  class="post">

Basically moving
id="$[post.content_id]from the td tag to the tr tag.


Hopefully this small change has not affected anything else.  So far all looked fine from what I could see.

[dh240ri]

Awesome - thanks Scott and Craig you've both been amazing help! I've detected no further issues.