رفتن به مطلب

راهنمایی برای سازگاری ووکامرس با قالبم


aliali100

پست های پیشنهاد شده

سلام

من یک قالب ریسپانسیو طراحی کردم و میخوام این قالب با ووکامرس ست بشه

مشکلی که هست اینه که من وقتی ووکامرس رو نصب میکنم و بعد از اینکه برگه های ووکامرس رو نصب میکنم و وقتی که یک سری محصول ایجاد میکنم در صفحه فروشگاه اصلا هیچ استایلی نداره!

یعنی اصلا از css پیشفرض ووکامرس استفاده نمیکنه * من تیک مربوط به css رو اصلا دست نزدم

حالا یکی از مشکلات من اینه که قالبم ریسپانسیو هستش و میخوام در هر سطر 4 محصول نمایش داده بشه ولی در صفحه فروشگاه میاد محصولات را زیر هم نشون نمیده

من برای نمایش پستهای وردپرس به صورت ریسپانسیو از این کد استفاده میکنم

<div class="row">
<?php
$ls4_query = new WP_Query('showposts=2&cat=4');
while ($ls4_query->have_posts()):
$ls4_query->the_post();
$do_not_duplicate = $post->ID;?>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"><div class="box">
<section id="contentTxtbox">
<article class="Articles">
<header class="ArticlesTitle">
<a href="<?php the_permalink() ?>"><h2><?php the_title(); ?></h2></a>
</header>
<div class="ArticlesImg">
<a href="<?php the_permalink() ?>">
<?php the_post_thumbnail(); ?>
</a>
</div>
<div class="ArticlesTxt">
<p>
<?php the_content(); ?>
</p>
</div>
</article>

</section>

</div></div>
<?php endwhile; ?>
</div>

حالا میخوام به جای مطالب وردپرس ، محصولات ووکامرس به اینصورت نمایش داده بشه

ممنون میشم اگر کسی راهنمایی کنه

لینک به ارسال

دقت کنید که فایل استایل ووکامرس در قالب لود میبشه؟ تابع زیر در فایل هدر قبل از تگ head


<?php wp_head(); ?>

و همچنین تابع زیر در فوتر قبل از body باشد.


<?php wp_footer(); ?>

این نکته هم بگم که استایل ووکامرس مخصوص تگ ها و کلاس های به کار رفته پیشفرض خود ووکامرس هست و اگر تغییری در کلاس ها داده باشید باید برای کلاس های خودتون استایل رو تنظیم کنید.

برای نمایش محصولات تو کوئریتون پست تایپ رو تعریف کنید.مثال:


$args = array( 'post_type' => 'product'

لینک به ارسال

دقت کنید که فایل استایل ووکامرس در قالب لود میبشه؟ تابع زیر در فایل هدر قبل از تگ head


<?php wp_head(); ?>

و همچنین تابع زیر در فوتر قبل از body باشد.


<?php wp_footer(); ?>

این نکته هم بگم که استایل ووکامرس مخصوص تگ ها و کلاس های به کار رفته پیشفرض خود ووکامرس هست و اگر تغییری در کلاس ها داده باشید باید برای کلاس های خودتون استایل رو تنظیم کنید.

برای نمایش محصولات تو کوئریتون پست تایپ رو تعریف کنید.مثال:


$args = array( 'post_type' => 'product'

سلام خیلی ممنون از راهنمایی شما دوست خوبم

بله تگ head و footer را قرار دادم. ایم مسئله برای من هم بسیار تعجب برانگیز است

میشه درباره پست ایپ بیشتر توضیح بدید

ممنون

لینک به ارسال


http://forum.wp-parsi.com/tutorials/article/624-%D8%A2%D8%B4%D9%86%D8%A7%DB%8C%DB%8C-%D8%A8%D8%A7-%D9%85%D9%81%D8%A7%D9%87%DB%8C%D9%85-%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3-%D9%BE%D8%B3%D8%AA-%D8%AA%D8%A7%DB%8C%D9%BE/

خیلی پیچیده بود من که چیزی سر در نیاوردم

قالب را با ووکامرس هماهنگ کنید هزینه اش چقدر می شود؟

لینک به ارسال

بنده فرصتش رو ندارم تمایل دارید هزینه کنید تو بخش خرید و فروش درخواستتون رو مطرح کنید دوستان دیگر که توانایی داشته باشند انجام می دن.برای کوئری محصولات ووکامرس می تونید به شکل زیر عمل کنید


<?php
$args = array( 'post_type' => 'product', 'order' =>'DESC', 'posts_per_page' => 4 );
$loop = new WP_Query( $args );
$_product = new WC_Product( $loop->post->ID );
while ( $loop->have_posts() ) : $loop->the_post(); $_product;
?>
توابع مورد نیاز
<?php endwhile; ?>

توابع مورد نیاز کوئری :

قیمت :


<?php echo $_product->get_price_html(); ?>

تصویر شاخص :


<?php if ( has_post_thumbnail( $loop->post->ID ) ) echo get_the_post_thumbnail( $loop->post->ID, 'shop_thumbnail' ); ?>

لینک عنوان :


<a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>"> <?php the_title(); ?></a>

لینک به ارسال

بنده فرصتش رو ندارم تمایل دارید هزینه کنید تو بخش خرید و فروش درخواستتون رو مطرح کنید دوستان دیگر که توانایی داشته باشند انجام می دن.برای کوئری محصولات ووکامرس می تونید به شکل زیر عمل کنید


<?php
$args = array( 'post_type' => 'product', 'order' =>'DESC', 'posts_per_page' => 4 );
$loop = new WP_Query( $args );
$_product = new WC_Product( $loop->post->ID );
while ( $loop->have_posts() ) : $loop->the_post(); $_product;
?>
توابع مورد نیاز
<?php endwhile; ?>

توابع مورد نیاز کوئری :

قیمت :


<?php echo $_product->get_price_html(); ?>

تصویر شاخص :


<?php if ( has_post_thumbnail( $loop->post->ID ) ) echo get_the_post_thumbnail( $loop->post->ID, 'shop_thumbnail' ); ?>

لینک عنوان :


<a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>"> <?php the_title(); ?></a>

داداش کارت عالی بود واقعا دستت درد نکنه

فقط یک نکته :

یک فایل به این اسم woocommerce.php در پوشه قالب درست کردم و دارم توابع را در این فایل می نویسم

وقتی بر روی یک محصول کلیک میکنم دوباره صفحه محصولات نمایش داده میشه!

یعنی آدرس بار رو که نگاه میکنم می بینم رفته به آدرس محصول ولی تمام محصولات را نمایش میده

لینک به ارسال

یعنی آیا باید مثل فایلی که به اسم

woocommerce.php ساختم و در پوسته خودم قرار دادک باید فایلی هم برای سینگلش بسازم؟

لینک به ارسال

مشکل استایل با تغییر تگ <body> به کد زیر حل خواهد شد.


<body <?php body_class(); ?>>

فایل woocommerce.php نیاز نیست که ساخته بشه پوسته از فولدر افزونه ی ووکامرس و فولدر templates موارد و توابع و هوک ها رو فراخوانی می کنه که اگه نیاز باشه تغییراتی ایجاد کنیم میتونیم فایل ها رو در پوسته کپی و با هوک ها ی مخصوص ووکامرس تغییرات رو انجام بدیم.صفحه ی مخصوص هوک ها :


http://docs.woothemes.com/document/hooks/

شما اگه فایل woocommerce,php ساختید می تونید از توابع زیر استفاده کنید و محصولات رو نشون بدید.احتمالا شما کوئری که در بالا گفته بودم رو در این فایل کپی کردید که اینکار نباید انجام بدید


<?php
/**
* The template for displaying all pages.
*
**/
get_header(); ?>
<main class="products-content" role="main" itemprop="mainContentOfPage">
<?php
woocommerce_content();


?>
</main><!-- .content -->
<?php get_footer(); ?>

لینک به ارسال
مشکل استایل با تغییر تگبه کد زیر حل خواهد شد.
> 

فایل woocommerce.php نیاز نیست که ساخته بشه پوسته از فولدر افزونه ی ووکامرس و فولدر templates موارد و توابع و هوک ها رو فراخوانی می کنه که اگه نیاز باشه تغییراتی ایجاد کنیم میتونیم فایل ها رو در پوسته کپی و با هوک ها ی مخصوص ووکامرس تغییرات رو انجام بدیم.صفحه ی مخصوص هوک ها :

 http://docs.woothemes.com/document/hooks/ 

شما اگه فایل woocommerce,php ساختید می تونید از توابع زیر استفاده کنید و محصولات رو نشون بدید.احتمالا شما کوئری که در بالا گفته بودم رو در این فایل کپی کردید که اینکار نباید انجام بدید



سلام به شما دوست خوب

خیلی بهم لطف کردید

کدی که شما فرمودید رو جایگزین کردم ولی کلا ظاهر چیدمان محصولات ریخت به هم

دوست خوبم شما که وقت گذاشتید و زحمت کشیدید. امکان داره خودتان برایم شخصی سازی کنید؟

من تو قسمت بازارچه انجمن هم مطرح کردم ولی کسی جواب نداد

در سایت شما هم پیغام گذاشته شد که متاسفانه جواب ندادید

این قالب برای یکی از دوستان من هستش و برای خودم نیست ولی باید حتما درست بشه خیلی مهمه

فکر نمی کنم بیشتر از 2-3 ساعت وقت شما را بگیرید چون قالب بسیار ساده است

هزینه اش را هم اعلام بفرمائید تقدیم کنم

ممنون میشم جواب رو اینجا بدهید و یا از طریق ایمیلی که در سایت شما ارسال شده جواب را بدهید

پیروز باشید

ویرایش شده توسط saman_kiyani
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...