tp_banner 位置修改

master
candice 11 months ago
parent 60399183e1
commit 3e9fbd3fce

@ -1,18 +1,43 @@
<p style="text-align: center;margin-top: 80px;margin-bottom: 0;clear:both;">Discover real reviews of <a href="/about-us/highlights-travel-family">Highlights Travel Family</a>'s best-rated service across trusted platforms. </p>
<div class="visible-xs" style="margin: 20px 20px 90px 20px; ">
<img class="img-responsive" height="69" src="https://images.japanhighlights.com/allpicture/2024/07/22bf1a7554fc4906bdeaa6536ffe514b_cut_175x68_241_1719916246.png" style="float: left; width: 150px; margin: 0 auto; display: block;" width="175" alt="Trip Advisor certificate of excellence 2024">
<img height="40" src="https://images.japanhighlights.com/allpicture/2024/04/0c58b3494bc04eeb9c5d3bdf55e55fad_cut_200x111_241.jpg" style="width: 120px; height: auto; display: block; float: right;" width="211" alt="tour rating">
</div>
<h2 style="text-align: center; position: relative; display: inline-block; width: 100%;">
Travelers <span style="color: #ad1818; margin: 0 8px;font-size: 22px;"></span> Japan
Highlights<span class="review-aggregate__info" aria-label="Open"><svg version="1.1"
class="icon icon--vertical icon--size-1-5 icon--primary" role="presentation"
width="20" height="20" viewBox="0 0 24 24">
<path
d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z">
</path>
</svg></span>
<span class="popper__tooltip" data-cy="popper__tooltip" data-show="false"
data-popper-placement="right"><span class="popper__content"
data-cy="popper__content">Japan Highlights is a proud member of the <a
href="/about-us/highlights-travel-family">Highlights Travel Family</a> (trusted
since 1998). Reviews are updated monthly from Tripadvisor, Google &
Trustpilot.</span> <span class="review_close">&times;</span></span>
</h2>
<div class="visible-xs" style="margin: 20px 20px 90px 20px; ">
<img alt="TrustPilot Rating"
class="img-responsive" width="382" height="193"
src="https://images.japanhighlights.com/allpicture/2025/05/e6e82f033e0b4619a0df404f74578d7f_cut_382x193_241_1748531605.jpg" style="margin-bottom: 15px;">
<img alt="TripAdvisor Rating"
class="img-responsive" width="306" height="176">
</div>
<div class="table-responsive" style="margin-bottom: 20px;" rel="nofollow">
<table style="width: max-content;">
<tbody>
<tr>
<td class="hidden-xs feedback_logo">
<img class="img-responsive" height="69" src="https://images.japanhighlights.com/allpicture/2024/07/22bf1a7554fc4906bdeaa6536ffe514b_cut_175x68_241_1719916246.png" style="margin: 0px auto; " width="175" alt="Trip Advisor certificate of excellence 2024"> <img alt="Tour Review" class="img-responsive" height="278" src="https://images.japanhighlights.com/allpicture/2024/04/0c58b3494bc04eeb9c5d3bdf55e55fad_cut_200x111_241.jpg" style="width: 170px; display: block; margin: 10px auto 0px; " width="1133">
<img alt="TrustPilot Rating"
class="img-responsive" width="382" height="193"
src="https://images.japanhighlights.com/allpicture/2025/05/e6e82f033e0b4619a0df404f74578d7f_cut_382x193_241_1748531605.jpg" style="margin-bottom: 15px;">
<img alt="TripAdvisor Rating"
class="img-responsive" width="306" height="176"
src="https://images.japanhighlights.com/allpicture/2025/05/dd7bda74592b44b3b98833e3e2f1448a_cut_306x176_241_1748531758.jpg">
</td>
<?php foreach ($feedback_list as $index => $feedback) {?>
<td class="tour_feedback feedback_content">
<div class="review_name" style="font-weight: 600; font-size: 1.3rem; margin-bottom: 3px;"><!--客人名字--></div>
<div class="review_nationality" style="color: #777; margin-bottom: 15px;"><!--客人国籍--></div>
<strong>
<?php echo $feedback['title'] ?>
</strong>
@ -22,11 +47,65 @@
</p>
<a href="<?php echo $feedback['url'] ?>" target="_blank" rel="nofollow">More</a>
<div class="customer_name">
<?php echo $feedback['customer'] ?>, <?php echo $feedback['createdOn'] ?>
<strong style="color: #000;float: left; margin: 0;margin-right: 5px;">Date of Experience:</strong>: <?php echo $feedback['createdOn'] ?>
</div>
</td>
<?php }?>
</tr>
</tbody>
</table>
</div>
</div>
<p style="text-align: center;">Read 1000+ verified reviews on <a
href="https://www.trustpilot.com/review/asiahighlights.com">Trustpilot</a> <img
src="https://images.japanhighlights.com/allpicture/2024/04/eba8a46e43514b55bb4e1dd15d9b5712_cut_211x40_241.jpg"
style="height: 17px; width: auto; margin: 0 3px; " alt="tour rating" width="211"
height="40"> & <a
href="https://www.tripadvisor.com/Attraction_Review-g1066457-d32912770-Reviews-Asia_Highlights_Japan_Travel-Shinjuku_Tokyo_Tokyo_Prefecture_Kanto.html">TripAdvisor</a>
<img src="https://images.chinahighlights.com/allpicture/2024/12/c81b67573a2d40d6922e95b33aeaf03d_cut_80x14_241_1733323252.png"
style="height: 15px; width: auto; margin: 0 3px; filter: brightness(170%);"
alt="Tour Review">.</p>
<style>
.popper__tooltip {
position: absolute;
top: -70px;
right: 0;
background-color: #fff;
color: #000;
padding: 5px;
border-radius: 5px;
font-size: 1rem;
border: #999;
width: 300px;
height: auto;
line-height: 22px;
font-family: Calibri;
font-weight: 300;
display: none;
text-align: left;
padding: 10px 15px;
box-shadow: 0 2px 8px #00000024;
}
.popper__tooltip[data-show] {
display: none;
}
.review-aggregate__info {
margin-left: 10px;
cursor: pointer;
}
.review-aggregate__info:hover .popper__tooltip {
display: block;
}
.review_close { position: absolute;
right: 0px;
top: 0px;
font-size: 1.5rem;
cursor: pointer;
font-weight: 600;
background: #ececec;
padding: 2px 5px;
border-radius: 0 6px;}
.review_close:hover { color: #ad1818; }
</style>

@ -214,14 +214,15 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<span class="infotailormade"><a href="/forms/tailormade?product_code=">Create My Trip</a></span>
</span>
<div class="tp_banner">4.9 Excellent<img src="https://data.japanhighlights.com/grey.gif" loader="lazy"
originalsrc="https://images.japanhighlights.com/allpicture/2025/04/d003ddbeaeb8479f9f0145aa15736096_cut_211x40_241_1744025030.png" class="img-responsive"
alt="TrustPilot rating" width="100px">
<img src="https://data.japanhighlights.com/grey.gif" loader="lazy"
originalsrc="https://data.japanhighlights.com/image/about/logo-white.png" class="img-responsive"
alt="TrustPilot Logo" width="73px">
</div>
</div>
<div class="tp_banner">4.9 Excellent<img src="https://data.japanhighlights.com/grey.gif" loader="lazy"
originalsrc="https://images.japanhighlights.com/allpicture/2025/04/d003ddbeaeb8479f9f0145aa15736096_cut_211x40_241_1744025030.png" class="img-responsive"
alt="TrustPilot rating" width="100px">
<img src="https://data.japanhighlights.com/grey.gif" loader="lazy"
originalsrc="https://data.japanhighlights.com/image/about/logo-white.png" class="img-responsive"
alt="TrustPilot Logo" width="73px">
</div>
<div class="newsletter_form">
<div class="list_content">
<h2 style="padding-top: 0; text-align: center;">Sign up to Our Newsletter</h2>

@ -154,14 +154,15 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
from our travel advisors.
<span class="infotailormade"><a href="/forms/tailormade?product_code=">Create My Trip</a></span>
</span>
<div class="tp_banner">4.9 Excellent<img src="https://data.japanhighlights.com/grey.gif" loader="lazy"
originalsrc="https://images.japanhighlights.com/allpicture/2025/04/d003ddbeaeb8479f9f0145aa15736096_cut_211x40_241_1744025030.png" class="img-responsive"
alt="TrustPilot rating" width="100px">
<img src="https://data.japanhighlights.com/grey.gif" loader="lazy"
originalsrc="https://data.japanhighlights.com/image/about/logo-white.png" class="img-responsive"
alt="TrustPilot Logo" width="73px">
</div>
</div>
<div class="tp_banner">4.9 Excellent<img src="https://data.japanhighlights.com/grey.gif" loader="lazy"
originalsrc="https://images.japanhighlights.com/allpicture/2025/04/d003ddbeaeb8479f9f0145aa15736096_cut_211x40_241_1744025030.png" class="img-responsive"
alt="TrustPilot rating" width="100px">
<img src="https://data.japanhighlights.com/grey.gif" loader="lazy"
originalsrc="https://data.japanhighlights.com/image/about/logo-white.png" class="img-responsive"
alt="TrustPilot Logo" width="73px">
</div>
<div class="newsletter_form">
<div class="list_content">
<h2 style="padding-top: 0; text-align: center;">Sign up to Our Newsletter</h2>

Loading…
Cancel
Save