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

[amator 55]

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

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

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

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

ادرس قالب

تشکر و سپاس

[مهدی 1668]

سلام

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

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/

 

[Monica 322]

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

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

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

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

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

ادرس قالب

تشکر و سپاس

به انتهای 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;
	}

[amator 55]

در 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 حالت داشه باشه

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

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

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

ویرایش شده آبان 95 توسط amator

[amator 55]

در ۱ ساعت قبل، 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;
}

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

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

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

 

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

ویرایش شده آبان 95 توسط amator