تخته امتیازات

با سلام خدمت پرستاشاپی های عزیز مطمئنا شاید خیلیا منو نشناسید ، بنده طراح قالب هستم و برای سیستمهای مختلفی قالب طراحی میکنم ( از جمله پرستاشاپ عزیز ! ) با یکسری از آموزشهای حرفه ای طراحی قالب و گرافیک فروشگاه های آنلاین در خدمتتون هستم . امیدوارم بتونید از آموزشهای این بنده حقیر استفاده خوبی ببرید و یک فروشگاه آنلاین فوق العاده برای خودتون داشته باشید خوب میریم سر اصل مطلب : تو این آموزش سعی دارم شما عزیزان رو با متدها و ترفندهای طراحی گرافیک بلوک به صورت حرفه ای آشنا کنم . آنچه در این درس یاد خواهید گرفت : 1 - آموزش تغییر در فایل global.css 2 - آموزش طراحی بلوک ها در فتوشاپ 3 - آموزش تغییر سایز بلوکها فصل اول : ممکنه قالب شما دوستونه یا سه ستونه باشه ، اما نگران نباشید این چیزی رو عوض نمیکنه ، برید تو پوشه تم خودتون و فایل global.css رو یه کپی ازش بگیرید و paste کنید تو دسکتاپتون که اگه خرابکاری کردید بتونید برش گردونید حالا global.css رو با wordpad خود ویندوز باز کنید و بعد بدون اینکه کاری بکنید روی دکمه ذخیره کلیک کنید و wordpad رو ببندید !!! دلیل این کار رو بعدا بهتون میگم . حالا global.css رو با notepad ویندوز بازش کنید و به دنبال عبارت زیر بگردید : /* Default block style */ زیر این عبارت کلیه تنظیمات بلوکها قرار گرفته و بنده یکی یکی توضیح میدم تا متوجه بشید : div.block { margin-bottom: 1em; width: 191px } این بخش مربوط میشه به تنظیم عرض بلوک به همراه تنظیم فاصله متن های داخل بلوک از پایین بلوک ------------------------------------------------------------------ #left_column div.block, #right_column div.block { padding-bottom: 5px; background: transparent url('../img/block_footer.png') no-repeat bottom left } تو این قسمت میتونید پایین یا فوتر بلوک رو تنظیم کنید ( هم میتونید یه عکس تعریف کنید و هم یه رنگ ) --------------------------------------------------------------- div.block h4 { text-transform: uppercase; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left: 0.5em; border-bottom: 1px solid #595A5E; padding-top: 2px; line-height: 1.3em; color: #374853; height: 19px; background: transparent url('../img/block_header.png') no-repeat top left } تو این بخش تنظیمات مربوط به تصویر پس زمینه متن بالای بلوک به همراه تنظیمات رنگ ، فونت و اندازه قرار داره --------------------------------------------------------------------- div.block .block_content { border-left: 1px #d0d3d8; border-right: 1px #d0d3d8; padding: 0 0.7em; background: #f1f2f4 url('../img/block_bg.jpg') repeat-x bottom left; min-height: 16px } تو این بخش تنظیمات مربوط به پس زمینه بلوک قرار داره که میتونید تنظیمش کنید ================================================================= خوب تا اینجا یاد گرفتیم که برای تغییر بلوک هامون کدوم کدها رو باید ویرایش کنیم . فصل دوم رو تو پست بعدی دنبال کنید

سلام خسته نباشید من الان سه روزه نهایت حجمی که آپلود کردم تو سایتم 10 مگابایته اما حدود 120 مگابایت حجم دیتا بیسم تو این سه روز اشغال شده کش ها رو پاک کردم ارور لاگ ها رو همینطور و حتی عکس های محصولاتمو هم کم حجم کردم اما دیدم 50 مگ دیگه از دیشب تاحالا اضاف شده لطفا راهنمایی کنین باید چیکار کنم از پرستاشاپ 1.6.1.2 استفاده میکنم یه سایت مشابه هم هست که محصولاتش از من بیشتره 500 مگ دیتابیس داره اما من امروز 920 مگ

با سلام یک ماژول هست در سایتم demo.puzel.ir هر کاری میکنیم سایز کادر این سرچ از 270px بیشتر نمیشه حتی تو css هم براش سایز بیشتر تعریف کردیم ولی بزرگتر نمیشه ما از قالب الکترو مارکت استفاده می کنیم کسی راه حلی دارد اینم کد css ماژول : #search_block_top { padding-top: 50px; } #search_block_top #searchbox { float: left; width: 100%; } #search_block_top .btn.button-search { background: #333333; display: block; position: absolute; top: 0; right: 0; border: none; color: white; width: 50px; text-align: center; padding: 10px 0 11px 0; } #search_block_top .btn.button-search span { display: none; } #search_block_top .btn.button-search:before { content: "\f002"; display: block; font-family: "FontAwesome"; font-size: 17px; width: 100%; text-align: center; } #search_block_top .btn.button-search:hover { color: #6f6f6f; } #search_block_top #search_query_top { display: inline; padding: 13px 60px 13px 13px; height: 45px; background: #fbfbfb; margin-right: 1px; } .ac_results { background: white; border: 1px solid #d6d4d4; width: 271px; margin-top: -1px; } .ac_results li { padding: 0 10px; font-weight: normal; color: #686666; font-size: 13px; line-height: 22px; text-align: right; border: 1px solid #d6d4d4; } .ac_results li.ac_odd { background: white; } .ac_results li:hover, .ac_results li.ac_over { background: #fbfbfb; } form#searchbox { position: relative; } form#searchbox label { color: #333333; } form#searchbox input#search_query_block { margin-right: 10px; max-width: 222px; margin-bottom: 10px; display: inline-block; float: left; } form#searchbox .button.button-small { float: left; } form#searchbox .button.button-small i { margin-right: 0; }

دوستان کسی نمیتونه تو این مورد کمکی کنه

دوستان کسی نمیتونه تو این مورد کمکی کنه

شما یبارتو قسمت سئو و url ها تو قسمت index-ایندکس اسم سایتت رو نوشتی یبار هم تو قسمت تنظیمات/تماس های مغازه / جزئیات ارتباط نام فروشگاه رو زدی که این قسمت اخری تو قسمت ایمیل های ارسالی هم نوشته میشه این 2 قسمت میاد تو گوگل که نمیدونم مشکل هست چی هست در هر صورت بخاطر این هست حالا دوستان راهنمایی کنن

به تاریخ مطلب ها توجه کنید ، این مطلب مال 5 سال پیش هست و تقریبا دیگه به کار نمیاد

سوال پرسیدین ولی نه آدرس سایت نه اسم قالب هیچی ندادین .تعداد زیاد محصول یعنی چند تا ؟ من 530 تا محصول دارم دیتابیسم 165 مگابایته

با تشکر از پیشنهادات و انتقادات شما حتما موارد ممکن را در آپدیت های آتی مد نظر قرار خواهیم دهیم

با سلام و عرض تبریک بابت ارائه قالب زیبا دستچین بنده نیز این قالب و ماژول شخصی سازی پیشرفته اش را خریداری و نصب کردم و کاملا از خریدم راضی هستم. با این حال در زیر چند ایراد / پیشنهاد را برشمرده ام که امیدوارم جسارت بنده را به بزرگواری خودتان ببخشید. 1) منوی افقی در اینترنت اکسپلورر 11 با ایراداتی در ظاهر دیده میشود. 2) در حالت "بدون حاشیه ماژول شخصی سازی" ریبون بالای سایت که منو روی آن قرار گرفته، در سمت چپ شکستگی دارد. (در اینترنت اکسپلورر 11) 3) کادر بازشونده "نمایش سریع" بسیار مبسوط، کشیده و بهم ریخته است. در قالبهای قبلی مثل مینا این مشکل به چشم نمیخورد. 4) در صفحه محصول، بین نام محصول و کد آن فاصله نیست! 5) در حالت موبایل، دکمه نمایش منوی سایت برای کاربر بی تجربه بسیار گنگ و ناشناس است. بهتر است متنی مانند "منوی سایت" در کنار آن قرار گیرد. 6) دکمه "نمایش سریع" و نیز "% تخفیف" تولتیپ ندارد که وظیفه اش را شرح دهد اما دکمه های "خرید" و "توضیحات" تولتیپ بی استفاده دارند که میتواند حذف شود. 7) در صفحه محصول، عبارت "در انبار موجود نیست" بهتر است زیر قیمت و بالای دکمه "افزودن به لیست دلخواه" باشد. 8) در کادر جستجو پس از کلیک داخل جعبه، بهتر است متن توضیحی پاک شود تا کاربر بی تجربه از آماده بودن کادر برای دریافت متن مطمئن شود. 9) متن در کادر جستجو بایستی بصورت راست چین باشد. 9) سبد خرید بالای صفحات اندکی بزرگتر یا واضح تر باشد تا کاربر بدون تجربه خرید اینترنتی هم با اهمیت این بخش آشنا شود مانند قالب مینا. 10) در آخر پیشنهاد میکنم از فونت ایران سنس 4 در این قالب زیبا استفاده کنید که هماهنگی فوق العاده ای با این قالب دارد و یا حداقل امکان استفاده از آن را در ماژول تنظیمات حرفه ای دستچین قرار دهید. باز هم از زحمات شما عزیزان قدردانی میکنم. در پناه حق

این کد دکمه و آیکون کنارش: <"button type="button> presta <i class="fa fa-cart-plus fa-x"></i> <button/> اینم css button } ; width: 100px ; height: 35px ;background-color: pink ;border: none ; border-radius: 5px } button:hover } ;background-color: lightgrey { برای آیکون هم به همین ترتیب باید css دلخواهتون رو بدید. مثلا: i } ;color:darkgray { موفق باشید.

خوب حالا با تغییر دو کد میشه قیمت ها را نمایش داد مثلا : mytab[mytab.length] = { data: data[i], value:' <img src="'+ data[i].ajaxsearchimage + '" />' + data[i].pname } به mytab[mytab.length] = { data: data[i], value:' <img src="'+ data[i].ajaxsearchimage + '" />' + data[i].pname + '" />' + data[i].pprice } قسمت اضافه شده رو با قرمز نشون دادم و ایا بعد از قرار دادن کد نمایش می دهد یا تا css ننویسیم نشون نمی دهد

سلام بر شما. کدوم فایل رو تغییر می دید؟ این مسیر رو برید: module/prosearch/css//prosearch.css توو این قسمت #search_block_top width رو درصدی بدید. موفق باشید

بله دوست عزیز ، حتما اصلاح میکنیم . با تشکر از گزارش شما

سلام، این قالب تمام نکات خوب ذکر شده رو داره ،ولی یک نکته شاید از نظر جا مونده دکمه افزودن به سبد خرید در هر محصول وجود داره ولی امکان (( انتخاب تعداد )) برای هر خرید در صفحه محصول وجود نداره و مشتری باید به صفحه پرداخت یا تسویه حساب وارد بشه تا تعداد رو کم یا زیاد بکنه . ایا روشی وجود نداره که اینکار در صفحه ی خود محصول انجام بشه ؟ مثل قالب الکترومارکت؟

سلام این افزونه برای وردپرسه و ایرانی هم هست من تستش کردم خیلی خوب و کارآمده میشه یه همچین چیزی برای پرستاشاپ هم درست کرد؟ http://ameer.ir/telegram-for-wp/

با درود پس از نصب نسخه 1.6.1.5 متوجه شدم افزونه پاکسازی کننده دیتابیس پرستاشاپ که همه چیزاز جمله مشتریان ، محصول ها و سفارشات رو پاک میکنه روی این نسخه نصب نیست . کسی این ماژول رو داره برام پیوست کنه ؟

ادمین عزیز اگه بتونید مثل کامپوننت Akeeba Backup که برای جوملا نوشته شده و فوق العادس یه چی بنویسین کمک بزرگی به اهالی پرستاشاپ کردین. از جمله قابلیت های اکیبا بکاپ به این شرحه: از همه سایت حتی دیتابیس بکاپ می گیره و به صورت فایل فشرده درمیاره. می تونی تعیین کنی که از کدوم فایلا و پوشه ها بکاپ تهیه بشه. فایل زیپ تهیه شده به صورت یه فایل نصبی و بدون نیاز به کار اضافی هست و فقط کافیه فایل زیپ رو تو هاست اکسترکت کنی و آدرس سایتت رو وارد کنی. با ویزارد به صورت گام به گام می تونید اقدام به نصب جوملا کنید. حتی امکان تغییر یوزر و پسورد و تنظیمات پایه جوملا هم تو نصب هست. این کامپوننت برای وردپرس هم توسط اکیبا نوشته شده. ایشالله یه کامپوننت هم برای پرستا نوشته بشه. اینم بگم کامپوننت کاملا رایگان ارایه شده توسط اکیبا آدرس سایت اکیبا: www.akeebabackup.com ممنون

فصل دوم : با ادامه آموزش در خدمتتون هستم . همونطوری که متوجه شده اید هر بلوک در پرستاشاپ از سه قسمت و سه عکس اصلی تشکیل شده . که عبارتند از عکس بالای بلوک ، عکس پشت زمینه بلوک و عکس پایین بلوک : block_header.png block_bg.jpg block_footer.png که این عکس ها روی همدیگه سوار میشند و یه بلوک رو میسازند . خوب بریم سر نرم افزار فتوشاپ و یه پروژه جدید باز کنید به ابعاد 25*191 و پشت زمینه این پروژه سفید باشه . مثل شکل زیر با استفاده از ابزار rounded rectangle tool میخوایم عکس بالای بلوک رو طراحی کنیم یعنی block_header.png سعی کنید یه عکس مثل این بکشید ( نگران نباشید اگه نتونستید و یا تو فتوشاپ وارد نبودید فایلهای آماده این پروژه رو براتون تو آخر ای نپست قرار میدم ) این شکلی که میکشید باید رنگش سفید باشه .بعدش روی لایه جدید که ایجاد شده تو قسمت لایه ها راست کلیک میکنید و blending option رو انتخاب میکنید . تو این قسمت مطابق شکل زیر تنظیمات رو انجام بدید : حالا که تا این مرحله پیش اومدین پروژه رو ذخیره کنید و میریم سر پشت زمینه بلوک block_bg.jpg یه پروژه جدید دیگه با اندازه 5*191 ایجاد کنید و ایندفعه رنگ پشت زمینه پروژه باید این باشه : cadeff حالا با استفاده از ابزار line tool و انتخاب رنگ 7d7d7d دو تا خط با عرض یک پیکسل هر دو طرف پروژه مثل شکل زیر می کشیم : حالا هر دو پروژه رو با فرمت jpg یه جایی ذخیره کنید .کار اینا تموم شد . میریم سر آخرین مطلب : یه پروژه دیگه به اندازه 25*191 ایجاد کنید و عکس اولی رو هم که ذخیره کرده اید باز کنید و بکشید بندازید داخل این پروژه و کاملا منطبق کنید . حالا با استفاده از منوی image و rotate canvas و flip canvas vertical عکس خودتون رو برعکس کنید ! اینم عکس پایین بلوک ذخیره کنید . البته با فرمت jpg . حالا میمونه این عکسا رو جایگزین کنیم : این 3 عکس رو کپی کنید تو پوشه img در قالبتون . با آخرین قسمت آموزش طراحی بلوک در خدمت شما دوستام محترم هستم . امیدوارم همه شما تونسته باشید از پست قبلی چیزایی رو یاد بگیرید . باید متذکر بشم که شما باید الان 3 تا عکس با فرمت jpg به نام های block_header , block_footer , block_bg داشته باشید و این سه تا عکس رو تو پوشه img قالبتون قرار داداه باشید. حالا فایل global.css رو باز کنید و به دنیال کد زیر بگردید : #left_column div.block, #right_column div.block { padding-bottom: 5px; background: transparent url('../img/block_footer.png') no-repeat bottom left این کد رو با کد زیر جایگزین کنید : #left_column div.block, #right_column div.block { padding-bottom: 5px; background: transparent url('../img/block_footer.jpg') no-repeat bottom left } ---------------------------------------------- کد زیر را پیدا کنید : div.block h4 { text-transform: uppercase; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left: 0.5em; border-bottom: 1px solid #595A5E; padding-top: 2px; line-height: 1.3em; color: #374853; height: 19px; background: transparent url('../img/block_header.png') no-repeat top left } و با کد زیر جایگزین کنید : div.block h4 { text-transform: uppercase; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left: 0.5em; border-bottom: 1px solid #595A5E; padding-top: 2px; line-height: 1.3em; color: #374853; height: 19px; background: transparent url('../img/block_header.jpg') no-repeat top left } ------------------------------------------------ و کد زیر را پیدا کنید : div.block .block_content { border-left: 1px #d0d3d8; border-right: 1px #d0d3d8; padding: 0 0.7em; background: #f1f2f4 url('../img/block_bg.jpg') repeat-x bottom left; min-height: 16px } و با کد زیر جایگزین کنید : div.block .block_content { border-left: 1px #d0d3d8; border-right: 1px #d0d3d8; padding: 0 0.7em; background: #f1f2f4 url('../img/block_bg.jpg') repeat-y bottom left; min-height: 16px } کار تمام شد . حالا شما یه بلوک زیبا در اختیار دارید . البته شاید چندان زیبا هم نباشه ولی با این آموزش ها میتونید خودتون بلوک های زیباتری طراحی کنید . منتظر نظرات دوستان عزیز هستم. البته این یه روش بسیار ابتدایی و ساده برای طراحی بلوک بود اگه از سوی دوستان عزیز این مطلب با استقبال روبرو بشه روشهای جذاب و حرفه ای رو براتون شرح خواهم داد . block.zip