amator

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

5 پست در این موضوع قرار دارد

سلام و وقت بخیر

صفحه بندی صفحات محصولات در سایت در قسمت پایین صفحات و بدون افکت خاصی می باشد چطور و چگونه می توان 2 اقدام را برای مشخص کردن این شماره بندی ها انجام دهم؟

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

2.دادن افکت و دکمه مثل بخش نظرات سایت مارکت وردپرس

ادرس قالب

تشکر و سپاس

25.jpg

002.jpg

0

به اشتراک گذاری این پست


لینک به پست

سلام

اگر با کدنویسی آشنایی دارید

https://docs.woocommerce.com/document/woo_pagination/
http://www.remicorson.com/create-a-custom-wordpress-pagination-in-less-than-10-lines-of-code/

اگر هم ندارید 

https://wordpress.org/plugins/pagination-styler-for-woocommerce/

 

0

به اشتراک گذاری این پست


لینک به پست
در 2 ساعت قبل، amator گفته است :

سلام و وقت بخیر

صفحه بندی صفحات محصولات در سایت در قسمت پایین صفحات و بدون افکت خاصی می باشد چطور و چگونه می توان 2 اقدام را برای مشخص کردن این شماره بندی ها انجام دهم؟

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

2.دادن افکت و دکمه مثل بخش نظرات سایت مارکت وردپرس

ادرس قالب

تشکر و سپاس

25.jpg

002.jpg

به انتهای rtl.css اضافه کنید ، با گوشی کد رو نوشتم ، اگر کار نکرد شب براتون مینویسم

.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 color: #fff;
	 text-decoration:none;
	}
	.pagination a {
	 display: inline;
	}
	.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 background-color: #707070;
	 border-radius: ۳px;
	 cursor: pointer;
	 padding: ۱۲px;
	 padding: ۰.۷۵rem;
	}
	.pagination a:hover,
	.pagination a.inactive {
	 background-color: #32CD32;
	}

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 8 دقیقه قبل، nazanin123 گفته است :

به انتهای rtl.css اضافه کنید ، با گوشی کد رو نوشتم ، اگر کار نکرد شب براتون مینویسم

 


.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 color: #fff;
	 text-decoration:none;
	}
	.pagination a {
	 display: inline;
	}
	.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 background-color: #707070;
	 border-radius: ۳px;
	 cursor: pointer;
	 padding: ۱۲px;
	 padding: ۰.۷۵rem;
	}
	.pagination a:hover,
	.pagination a.inactive {
	 background-color: #32CD32;
	}

 

تشکر اما زیاد جالب نبود من میخوام مثل مارکت وردپرس باشه 3 حالت داشه باشه

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

دکمه ی صفحه ای که در ان کاربر هست قرمز باشه

دکمه صفحات بعد که طوسی هست در صورت قرارگیری موس روی انها به سبز تغییر رنگ بدهد.

0525.jpg

ویرایش شده در توسط amator
0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در ۱ ساعت قبل، nazanin123 گفته است :

به انتهای rtl.css اضافه کنید ، با گوشی کد رو نوشتم ، اگر کار نکرد شب براتون مینویسم

 


.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 color: #fff;
	 text-decoration:none;
	}
	.pagination a {
	 display: inline;
	}
	.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 background-color: #707070;
	 border-radius: ۳px;
	 cursor: pointer;
	 padding: ۱۲px;
	 padding: ۰.۷۵rem;
	}
	.pagination a:hover,
	.pagination a.inactive {
	 background-color: #32CD32;
	}

 

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

.pagination a, .pagination span{
	margin: 0 0 0 15px;
	float: right;
	background: #caced1;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	text-align: center;
	line-height: 30px;
	transition: all .2s;
	color: #fff;
	border-bottom: 2px solid #bdc2c5;
	webkit-transition: all .2s;
	o-transition: all .2s;
}

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

دکمه ی صفحه ای که در ان کاربر هست قرمز باشه

دکمه صفحات بعد که طوسی هست در صورت قرارگیری موس روی انها به سبز تغییر رنگ بدهد.

 

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

052.jpg

ویرایش شده در توسط amator
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری