/* 蓝色“Order Process”按钮，使用 !important 覆盖默认样式 */
.btn-order-process {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
height: 38px !important;
padding: 0 16px !important;
background-color: #007bff !important; /* 蓝色背景 */
color: #fff !important;
border-radius: 4px !important;
font-weight: 500 !important;
text-decoration: none !important;
line-height: 1 !important;
border: none !important; /* 去掉原按钮边框 */
transition: background-color 0.2s, transform 0.1s !important;
cursor: pointer !important;
margin-left: 8px !important;
margin-top: 8px; !important;
}
.btn-order-process i {
margin-right: 6px !important;
}
.btn-order-process:hover {
background-color: #0056b3 !important; /* 深蓝色悬停 */
transform: translateY(-1px) !important;
}

.img-andiot-link {
width: 120px;
height: auto;
margin: 10px; /* 上下左右都有间距 */
display: inline-block;
}
.image-container {
flex-wrap: wrap; /* 允许换行 */
}

.ciname_fl {
border-radius: 0%;
-webkit-border-radius: 0%;
}

<!–
$(document).ready(function() {
function addThisRefresh() {
if(typeof addthis != 'undefined') {
addthis.init();
addthis.toolbox('.addthis_toolbox');
}
}
function applyFilters(filters) {
filters = filters || [];
if($('input[name="cirating_filter"]').val()) {
filters.push('cirating_filter='+$('input[name="cirating_filter"]').val())
}
if($('input[name="cirating_filters"]').val()) {
var sort_order = $('input[name="cirating_filters"]').val().split('-');
filters.push('sort='+sort_order[0]);
filters.push('order='+sort_order[1]);
}
if($('input[name="cirating_dofilters"]').val()!='') {
filters.push('cirating_dofilter='+ $('input[name="cirating_dofilters"]').val());
}
//
//
return filters;
}

function clearFilters(defaults) {
$(‘input[name=”cirating_filter”]’).val(0);
$(‘input[name=”cirating_filters”]’).val(”);
$(‘input[name=”cirating_dofilters”]’).val(”);
$(‘#cireview_filters .cireview_filter’).removeClass(‘active’); //

refreshReviews(defaults);
}
var ajaxCiReviewSearch = null;
function refreshReviews(defaults) {
defaults = $.extend({
before : function() {},
callback : function() {},
fadeInOut : true,
},defaults);
var filters = applyFilters();
var filter = ”;
if(filters.length) {
filter += ‘&’ + filters.join(‘&’);
}
defaults.before();
// if(defaults.fadeInOut) { $(‘#cireview’).fadeOut(‘slow’); }
// $(‘#cireview’).load(‘index.php?route=cireviewpro/cireview/review&product_id=1386&ajax=1’+filter, function() { addThisRefresh(); if(defaults.fadeInOut) { $(‘#cireview’).fadeIn(‘slow’); } defaults.callback(); });
ajaxCiReviewSearch = $.ajax({
url: ‘index.php?route=cireviewpro/cireview/review’,
type: ‘get’,
data: ‘product_id=1386&ajax=1’+filter,
dataType: ‘html’,
beforeSend: function() {
if(defaults.fadeInOut) { $(‘#cireview’).fadeOut(‘slow’); }
},
complete: function() {
},
success: function(html) {
$(‘#cireview’).html(html);
addThisRefresh(); if(defaults.fadeInOut) { $(‘#cireview’).fadeIn(‘slow’); } defaults.callback();
},
error: function(xhr, ajaxOptions, thrownError) {
// alert(thrownError + “rn” + xhr.statusText + “rn” + xhr.responseText);
}
});
}

$(‘#cireview_filters’).on(‘click’, ‘.cireview_filter’, function(e) {
var $this = $(this);
var value = $(this).attr(‘data-value’);
$(‘input[name=”cirating_filters”]’).val(value);
$(‘#cireview_filters .cireview_filter’).removeClass(‘active’);
$this.addClass(‘active’);
var oldClass = $(this).find(‘i’).attr(‘data-class’);
$(this).find(‘i’).removeClass(oldClass).addClass(‘fa fa-spinner fa-spin’);
refreshReviews({
before: function() {
abortCiReviewSearch();
},
callback: function() {
$this.find(‘i’).removeClass(‘fa fa-spinner fa-spin’).addClass(oldClass);
}
});
});
//
function abortCiReviewSearch() {
if (ajaxCiReviewSearch) {
if(ajaxCiReviewSearch.readyState != 4){
ajaxCiReviewSearch.abort();
ajaxCiReviewSearch = null;
}
}
}
function ciReviewSearchResults() {
var oldClass = $(‘#cireviewsearch’).find(‘i’).attr(‘data-class’);
$(‘#cireviewsearch’).find(‘i’).removeClass(oldClass).addClass(‘fa fa-spinner fa-spin’);
refreshReviews({
before: function() {
abortCiReviewSearch();
},
callback: function() {
$(‘#cireviewsearch’).find(‘i’).removeClass(‘fa fa-spinner fa-spin’).addClass(oldClass);
}
});
}
var keyTypeWatch = (function(){
var timer = 0;
return function(callback, ms){
clearTimeout (timer);
timer = setTimeout(callback, ms);
}
})();
//
$(‘.clearfilters’).on(‘click’, function() {
var $this = $(this);
var oldClass = $(this).find(‘i’).attr(‘data-class’);
$(this).find(‘i’).removeClass(oldClass).addClass(‘fa fa-spinner fa-spin’);
clearFilters({
before: function() {
abortCiReviewSearch();
},
callback: function() {
$this.find(‘i’).removeClass(‘fa fa-spinner fa-spin’).addClass(oldClass);
}
});
});
$(‘input.cirating-stars[type=number]’).each(function() {
$(this).rating({
‘min’ : 1,
‘max’ : parseInt(‘5’),
‘icon-lib’ : “cifa fa”,
‘active-icon’ : “fa-star”,
‘inactive-icon’ : “fa-star-o”,
‘clearable’ : false,
‘divclass’ : ‘cirating-input’
});
});

if(typeof addthis == ‘undefined’) {
var addthis_config = {“data_track_clickback”: true};
var script = document.createElement(‘script’);
script.setAttribute(‘src’,’//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-515eeaf54693130e’);
$(‘#cireview-abuse-1386’).before(script);
}
$(‘#cireview-posnegreviews’).on(‘click’, ‘.cirating-posnegfilter’, function(e) {
var cirating = $(this).attr(‘data-cirating’);
$(‘input[name=”cirating_filter”]’).val(cirating);
refreshReviews({
callback : function() {
var offset = $(‘#cireview’).offset();
$(‘html, body’).animate({ scrollTop: (offset.top – 80) }, ‘slow’);
}
});
});
$(‘#cireviewgraph’).on(‘click’, ‘.cirating-filter’, function(e) {
var cirating = $(this).attr(‘data-cirating’);
$(‘input[name=”cirating_filter”]’).val(cirating);
refreshReviews({
before: function() {
abortCiReviewSearch();
},
callback : function() {
var offset = $(‘#cireview’).offset();
$(‘html, body’).animate({ scrollTop: (offset.top – 80) }, ‘slow’);
}
});
});
var citabreview = 0;
$(‘a[href=”#tab-review”]’).on(‘click’, function() {
if(citabreview==0) {
refreshReviews({
before: function() {
abortCiReviewSearch();
},
fadeInOut : false,
});
}
citabreview++;
});
$(‘#cireview’).delegate(‘.pagination a’, ‘click’, function(e) {
e.preventDefault();
$(‘#cireview’).fadeOut(‘slow’);
$(‘#cireview’).load(this.href, function() { addThisRefresh(); $(‘#cireview’).fadeIn(‘slow’); });
});
refreshReviews({
before: function() {
abortCiReviewSearch();
},
fadeInOut : false,
});

$(‘#button-cireview’).on(‘click’, function() {
$(‘.alert’).remove();
$(‘.text-danger’).remove();
var $this = $(this);
var data = $(“#form-cireview”).serialize();
if(data) {
data += ‘&’;
}
data += $(‘.cireview-form input, .cireview-form textarea’).serialize();
$.ajax({
url: ‘index.php?route=cireviewpro/cireview/write&product_id=1386’,
type: ‘post’,
dataType: ‘json’,
data: data,
beforeSend: function() {
$(‘#button-cireview’).button(‘loading’);
},
complete: function() {
$(‘#button-cireview’).button(‘reset’);
},
success: function(json) {
$(‘.alert’).remove();
$(‘.text-danger’).remove();
$(‘.cireview-form .has-error’).each(function() {
$(this).removeClass(‘has-error’);
});
if (json[‘error’]) {
$this.parent().after(‘

‘);
}
if (json[‘name’]) {
$(‘input[name=’ciname’]’).after(‘

‘);
}
if (json[’email’]) {
$(‘input[name=’ciemail’]’).after(‘

‘);
}
if (json[‘text’]) {
$(‘textarea[name=’cireview’]’).after(‘

‘);
}
if (json[‘title’]) {
$(‘input[name=’cititle’]’).after(‘

‘);
}
if (json[‘rating’]) {
for(var i in json[‘rating’]) {
$(‘#cirating-‘+ i + ‘ > div’).append(‘

‘);
}
}
if (json[‘captcha’]) {
$(‘#cicaptcha’).append(‘

‘);
}
$(‘.cireview-form .text-danger’).parents(‘.form-group’).addClass(‘has-error’);
if (json[‘success’]) {
$(‘#cireview-modal’).find(‘.modal-header’).before(‘

‘);
$(‘#cireview-graph’).before(‘

‘);

$(‘input[name=’ciname’]’).val(”);
$(‘input[name=’cireview_image’]’).val(”);
$(‘textarea[name=’cireview’]’).val(”);
$(‘input[name=’cititle’]’).val(”);
$(‘input[name=’ciemail’]’).val(”);
$(‘.cirating:checked’).prop(‘checked’, false);
$(‘input.cirating-stars[type=number]’).each(function() {
$(this).rating(‘clear’);
});
$(‘#ciattach_images’).html(”);
$(‘#cicaptcha input’).val(”);
if (json[‘refresh’]) {
refreshReviews({
before: function() {
abortCiReviewSearch();
},
callback: function() {
$(‘a[href=”#tab-review”]’).html(json[‘tab_review’]);
if(json[‘cireviewgraph’]) { $(‘#cireviewgraph’).html(json[‘cireviewgraph’]); }
if(json[‘aggeratereview’]) { $(‘#cireview-aggerate’).html(json[‘aggeratereview’]); }
}
});
}
setTimeout(function(){
var offset = $(‘.cireview-form’).offset()
var mypos = (Math.round(offset.top) – 10);
if($(window).scrollTop() > mypos) {
$(‘html, body’).animate({ scrollTop: mypos }, ‘slow’);
}
$(‘#cireview-modal’).find(‘.close’).trigger(‘click’);

},500);
}
}
});
});
$(‘.ciattach_images’).each(function() {
$(this).magnificPopup({
type:’image’,
delegate: ‘a’,
gallery: {
enabled:true
}
});
});
$(‘#cireview-aggerate’).on(‘click’, ‘.addrating’, function() {
$(‘.cireview-write’).trigger(‘click’);
// $(‘#cireview-modal’).modal(‘show’);
});
$(‘#ciattach_images’).on(‘click’, ‘.attach_image_close’, function() {
var $this = $(this);
var id = $this.attr(‘data-id’);
if(id && confirm(“Are you sure?”)) {
$.ajax({
url: ‘index.php?route=cireviewpro/cireview/delete’,
type: ‘post’,
data: ‘id=’ + id,
dataType: ‘json’,
beforeSend: function() {
},
complete: function() {
},
success: function(json) {
if (json[‘success’]) {
$(‘input[name=”cireview_image”]’).val(json[‘code’]);
if(json[‘attach_images’]) {
var html = ”;
for(var i in json[‘attach_images’]) {
html += ‘

‘;
}
$(‘#ciattach_images’).html(html);
}
}
},
error: function(xhr, ajaxOptions, thrownError) {
//alert(thrownError + “rn” + xhr.statusText + “rn” + xhr.responseText);
}
});
}
});
$(‘#button-ciattachupload’).on(‘click’, function() {
var node = this;
$(‘.ciattachupload .alert’).remove();
$(‘#form-ciattach-upload’).remove();
$(‘body’).prepend(”);
$(‘#form-ciattach-upload input[name=’ciattachfile’]’).trigger(‘click’);
if (typeof timer != ‘undefined’) {
clearInterval(timer);
}
timer = setInterval(function() {
if ($(‘#form-ciattach-upload input[name=’ciattachfile’]’).val() != ”) {
clearInterval(timer);
$.ajax({
url: ‘index.php?route=cireviewpro/cireview/upload’,
type: ‘post’,
dataType: ‘json’,
data: new FormData($(‘#form-ciattach-upload’)[0]),
cache: false,
contentType: false,
processData: false,
beforeSend: function() {
$(node).button(‘loading’);
},
complete: function() {
$(node).button(‘reset’);
},
success: function(json) {
$(‘.ciattachupload .alert’).remove();
if (json[‘error’]) {
$(node).parent().append(‘

‘);
}
if (json[‘success’]) {
$(node).parent().append(‘

‘);
$(‘input[name=”cireview_image”]’).val(json[‘code’]);
if(json[‘attach_images’]) {
var html = ”;
for(var i in json[‘attach_images’]) {
html += ‘

‘;
}
$(‘#ciattach_images’).html(html);
}
}
},
error: function(xhr, ajaxOptions, thrownError) {
// alert(thrownError + “rn” + xhr.statusText + “rn” + xhr.responseText);
}
});
}
}, 500);
});
$(‘.cireview-abuse’).on(‘click’, function() {
var $this = $(this);
var review_id = $this.attr(‘data-review_id’);
var product_id = $this.attr(‘data-product_id’);
var cireview_id = $this.attr(‘data-cireview_id’);
var modaldiv = $(‘#cireview-abuse-‘+product_id);
modaldiv.find(‘.alert’).remove();
if(review_id && product_id && cireview_id) {
var data = $(‘#cireview-abuse-‘+product_id+ ‘ input, #cireview-abuse-‘+product_id+ ‘ textarea’).serialize();
if(data) {
data += ‘&’;
}
data += ‘review_id=’+review_id+’&product_id=’+product_id+’&cireview_id=’+cireview_id;
$.ajax({
url: ‘index.php?route=cireviewpro/cireview/cireviewAbuse&product_id=’+product_id,
type: ‘post’,
data: data,
dataType: ‘json’,
beforeSend: function() {
$this.button(‘loading’);
},
complete: function() {
$this.button(‘reset’);
},
success: function(json) {
modaldiv.find(‘.alert’).remove();
if(json[‘error’]) {
modaldiv.find(‘.modal-header’).before(‘

‘)
}
if (json[‘success’]) {
// update particular div text
modaldiv.find(‘.modal-header’).before(‘

‘);
setTimeout(function() {
modaldiv.find(‘.close’).trigger(‘click’);
}, 1000);
}
},
error: function(xhr, ajaxOptions, thrownError) {
// alert(thrownError + “rn” + xhr.statusText + “rn” + xhr.responseText);
}
});
}
});
function ciDataModal(target, find_modal, el) {
$(target).find(find_modal).attr(‘data-back’, target);
var ev = $(target).find(find_modal).attr(‘id’);
$(find_modal).appendTo(“body”);
$(find_modal).modal(‘show’);
$(find_modal).off(‘hidden.bs.modal.’+ev).on(‘hidden.bs.modal.’+ev, function(e) {
$(find_modal).appendTo($(find_modal).attr(‘data-back’));
$(find_modal).removeAttr(‘data-back’);
});
}
$(‘.data-modal’).on(‘click’, function() {
var target = $(this).attr(‘data-target’);
var find_modal = $(this).attr(‘data-find_modal’);
ciDataModal(target, find_modal, $(this));
});
$(‘#cireview-policy-modal’).on(‘shown.bs.modal’, function (e) {
var num_modals = $(‘.modal-backdrop’).length;
if(num_modals > 1) {
var calc_zindex = 10;
var use_nummodal = num_modals – 1;
var zindex = parseFloat($(this).css(‘z-index’));
$(this).css(‘z-index’, (zindex+ (calc_zindex*use_nummodal) ));
// access modal variables
var $backdrop = $(this).data(‘bs.modal’).$backdrop;
$backdrop.addClass(“cireviewpro-policy-backdrop”);
var zindex2 = parseFloat($(‘.modal-backdrop.cireviewpro-policy-backdrop’).css(‘z-index’));
$(‘.modal-backdrop.cireviewpro-policy-backdrop’).css(‘z-index’, ( (zindex > zindex2) ? zindex + ((calc_zindex-1) *use_nummodal) : zindex2 + (calc_zindex*use_nummodal) ) );
}
});
$(‘#cireview-policy-modal’).on(‘hidden.bs.modal’, function (e) {
$(this).css(‘z-index’, ”);
// console.log(“cireview-policy-modal hidden”);
if($(‘.modal’).hasClass(‘in’)) {
$(‘body’).addClass(‘modal-open’);
}
});
$(‘#cireview-modal’).on(‘hidden.bs.modal’, function (e) {
// console.log(“cireview-modal hidden”);
var modal = $(this);
modal.find(‘.alert’).remove();
$(‘.cireview-form .has-error’).each(function() {
$(this).removeClass(‘has-error’);
});
$(‘.cireview-successmsg’).hide().html(”);
$(‘.cireview-form’).show();
$(‘.cireview-successmsg-title’).hide().html(”);
$(‘.cireview-form-title’).show();
});
$(‘#cireview-abuse-1386’).on(‘hidden.bs.modal’, function (e) {
// console.log(“cireview-abuse- hidden”);
var modal = $(this);
modal.find(‘input[name=”ciabreason”]’).prop(“checked”, false);
modal.find(‘.other_reason’).addClass(‘hide’);
modal.find(‘textarea’).val(”);
modal.find(‘.alert’).remove();
modal.find(‘.cireview-abuse’).attr({‘data-product_id’ : ”,’data-review_id’ : ”, ‘data-cireview_id’ : ”});
});
$(‘input[name=”ciabreason”]’).on(‘click’, function() {
if($(this).val() == ‘OTHER’ || $(this).attr(‘data-details’)==1) {
$(‘.other_reason’).removeClass(‘hide’);
} else {
$(‘.other_reason’).addClass(‘hide’);
$(‘.other_reason textarea’).val(”);
}
});
$(‘#cireview’).off(‘click’, ‘.abuse-button-action’).on(‘click’, ‘.abuse-button-action’, function() {
var $this = $(this);
var review_id = $this.attr(‘data-review_id’);
var product_id = $this.attr(‘data-product_id’);
var cireview_id = $this.attr(‘data-cireview_id’);
if(review_id && product_id && cireview_id) {
$(‘#cireview-abuse-‘+product_id).find(‘.cireview-abuse’).attr({‘data-review_id’ : review_id, ‘data-product_id’ : product_id, ‘data-cireview_id’ : cireview_id});
//abuse-button-action
var target = ‘#cimodal-cireview-abuse-‘+product_id;
var find_modal = ‘#cireview-abuse-‘+product_id;
ciDataModal(target, find_modal, $(this));
// $(‘#cireview-abuse-‘+product_id).modal(‘show’);
}
});
$(‘#cireview’).off(‘click’, ‘.vote-button-action’).on(‘click’, ‘.vote-button-action’, function() {
var $this = $(this);
var review_id = $this.attr(‘data-review_id’);
var action = $this.attr(‘data-action’);
var product_id = $this.attr(‘data-product_id’);
var cireview_id = $this.attr(‘data-cireview_id’);
// $(‘.text-danger’).remove();
var oldClass = $(this).find(‘i’).attr(‘data-class’);
if(review_id && product_id && cireview_id) {
$.ajax({
url: ‘index.php?route=cireviewpro/cireview/cireviewVote’,
type: ‘post’,
data: ‘review_id=’ + encodeURIComponent(review_id) + ‘&action=’ + encodeURIComponent(action) + ‘&product_id=’ + encodeURIComponent(product_id) + ‘&cireview_id=’ + encodeURIComponent(cireview_id),
dataType: ‘json’,
beforeSend: function() {
$this.find(‘i’).removeClass(oldClass).addClass(‘fa fa-spinner fa-spin’);
},
complete: function() {
$this.find(‘i’).removeClass(‘fa fa-spinner fa-spin’).addClass(oldClass);
},
success: function(json) {
var $parent = $this.parents(‘.cireview-vote’);
$(‘.text-danger’).remove();
if(json[‘error’]) {
$parent.append(‘

‘)
}
if (json[‘success’]) {
// update particular div text
$parent.find(‘.vote-action’).html(json[‘before_text’]);
$parent.find(‘.vote-result’).html(json[‘after_text’]);
$parent.append(‘

‘)
}
},
error: function(xhr, ajaxOptions, thrownError) {
// alert(thrownError + “rn” + xhr.statusText + “rn” + xhr.responseText);
}
});
}
});
$(document).delegate(‘.ciscrolltoreviewtab’, ‘click’, function() {
ciScrollToReviewTab();
});
$(document).delegate(‘.ciopenreviewpopup’, ‘click’, function() {
ciOpenReviewPopup();
});
});
function ciOpenReviewPopup() {
var $review = $(‘#cireview-graph’);
$(‘a[href=”#tab-review”]’).trigger(‘click’);
$(‘a[href=”#’ + $review.closest(‘.module-item’).attr(‘id’) + ‘”]’).trigger(‘click’);
$(‘a[href=”#’ + $review.closest(‘.tab-pane’).attr(‘id’) + ‘”]’).trigger(‘click’);
$(‘a[href=”#’ + $review.closest(‘.panel-collapse’).attr(‘id’) + ‘”]’).trigger(‘click’);
if($(‘.cireview-write’).length) {
$(‘.cireview-write’).trigger(‘click’);
} else {
ciScrollToReviewTab();
}
}
function ciScrollToReviewTab() {
var $review = $(‘#cireview-graph’);
$(‘a[href=”#tab-review”]’).trigger(‘click’);
$(‘a[href=”#’ + $review.closest(‘.module-item’).attr(‘id’) + ‘”]’).trigger(‘click’);
$(‘a[href=”#’ + $review.closest(‘.tab-pane’).attr(‘id’) + ‘”]’).trigger(‘click’);
$(‘a[href=”#’ + $review.closest(‘.panel-collapse’).attr(‘id’) + ‘”]’).trigger(‘click’);
$([document.documentElement, document.body]).animate({
scrollTop: $review.offset().top – 100
}, 200);
}
//–>

Write a review

Captcha