motayeb/woocommerce/single-product/review-form.php
Kazem Alghasi f408faac54 build(theme): scaffold initial theme directory structure and assets
Initialize the base WordPress theme files, including core template
hierarchy (index, page, single, archive, 404), WooCommerce template
overrides, and essential asset directories.
2026-08-15 22:11:08 +03:30

51 lines
3.0 KiB
PHP

<?php
/**
* فرم ثبت نظر - کاملاً سفارشی (بدون متن 1 of 5 stars)
*/
defined( 'ABSPATH' ) || exit;
if ( ! $comment_form = get_comment_form() ) {
return;
}
?>
<div id="review_form_wrapper">
<div id="respond" class="comment-respond">
<h3 id="replytitle" class="comment-reply-title font-bold text-lg mb-6">ثبت نظر جدید</h3>
<form action="<?php echo esc_url( get_permalink() ); ?>#respond" method="post" id="commentform" class="comment-form space-y-4 bg-cream-50 dark:bg-dark-card rounded-2xl p-5 border border-cream-200/50 dark:border-dark-border/50">
<?php comment_form_fields(); ?>
<!-- فیلد ستاره‌ها (جایگزین سیستم وردپرس) -->
<div class="mb-2">
<label class="text-sm font-bold mb-3 block">امتیاز شما:</label>
<div id="custom-star-rating" class="flex gap-1 text-3xl text-cream-300 dark:text-dark-border cursor-pointer">
<span class="star" data-value="1">★</span>
<span class="star" data-value="2">★</span>
<span class="star" data-value="3">★</span>
<span class="star" data-value="4">★</span>
<span class="star" data-value="5">★</span>
</div>
<input type="hidden" name="rating" id="rating" value="0">
</div>
<!-- فیلدهای متنی (نام، ایمیل، متن نظر) -->
<div class="grid md:grid-cols-2 gap-4">
<div>
<input type="text" name="author" id="author" placeholder="نام و نام خانوادگی *" required class="w-full px-4 py-3 bg-white dark:bg-dark-bg border border-cream-200 dark:border-dark-border rounded-xl text-sm outline-none focus:border-forest-500 transition placeholder:text-cream-400">
</div>
<div>
<input type="email" name="email" id="email" placeholder="ایمیل *" required class="w-full px-4 py-3 bg-white dark:bg-dark-bg border border-cream-200 dark:border-dark-border rounded-xl text-sm outline-none focus:border-forest-500 transition placeholder:text-cream-400 font-inter" dir="ltr">
</div>
</div>
<textarea name="comment" id="comment" rows="4" placeholder="نظر خود را بنویسید... *" required class="w-full px-4 py-3 bg-white dark:bg-dark-bg border border-cream-200 dark:border-dark-border rounded-xl text-sm outline-none focus:border-forest-500 transition placeholder:text-cream-400 resize-none"></textarea>
<!-- فیلدهای مخفی وردپرس -->
<?php do_action( 'comment_form', $comment_form ); ?>
<div class="flex justify-end">
<button type="submit" class="px-8 py-3 bg-forest-500 text-white rounded-2xl font-bold text-sm hover:bg-forest-600 transition">ثبت نظر</button>
</div>
</form>
</div>
</div>