Пагинация в ACF Repeater

Advanced Custom Fields это ‘must have’ плагин для создания любого сайта на Worpdress. Он позволяет с лёгкостью создавать, управлять и выводить произвольные поля в любом месте вашего шаблона. И его функционал можно ещё больше расширить используя дополнение Repeater Field.  Но страница на которой используется Repeater может получится слишком большой, если вы используете много записей и возможно вам придётся использовать для неё пагинацию. И сейчас я покажу вам как это сделать.

В этом примере, мы будем добавлять пагинацию к полю image_gallery, с дочерним полем image которое содержит объект изображения. Наш Repeater будет на странице с ссылкой /gallery.

На странице будет выведено 10 изображений и ссылки под ними позволят пользователю переходить по страницам галереи. Наши ссылки будут иметь вид /gallery/2/, /gallery/3/ и т.д.

Ну и собственно сам код:

Источник: http://jonathannicol.com/blog/2014/03/06/paginating-an-advanced-custom-fields-repeater/

How to convert a string to a boolean (the right way)

There are a couple of ways to convert a string variable to a boolean variable in Javascript. However, when doing this, you have to be kind of careful: it’s kind of easy to mess up this sort of logic and doing it wrong can result in some nasty bugs. So, in order to save you a headache or two, I’ve detailed how to do it properly in this article. Read on, if you’re interested.

1) You might be tempted to say if(myString)…

…and this would appear to work, for a while. However, it’s really thewrong way to go about this. Observe:

As I mentioned, if(!myString) evaluates to true because that statement only checks if myString exists (e.g. if it’s not undefined or null), not if it evaluates to false.

2) What about creating a boolean object from the string?

Why not try to create a Boolean object from the string? Well, you’d run into an issue similar to the previous problem. Let’s let some example code do the talking, though, have a look:

As you can see, if(Boolean(“false”)) evaluates to true–why? When you create a new Boolean object from a string, it doesn’t try to check whether the string equals “true” or “false”. Instead, rather misleadingly, it checks whether the variable is a non-falsy value (e.g. a value that evalutes to false–0, undefined, an empty string, null, etc). Because myString is not an empty string, the Boolean evaluates to true–even if myString equals false.

3) Right, let’s try comparing our string against the string “true”

Really, the correct way we should be going about this is to check if our string equals “true” — if so, then our string is obviously “true”. Otherwise, it must be false. We can do it this way:

Wonderful, it looks like our problem is solved! But, you know something? The above code is kind of messy and a bit long just to check if our string is “true” or not. Let’s see if we can’t clean it up a bit:

Ahh, nice and clean. Just the way I like it! (note: the parentheses are just there for clarity–if you don’t like them or you’re extra extra concerned about line length, removing them won’t cause any errors).

Как преобразовать строку в логический тип?

В Javascript существует несколько вариантов преобразовать строку в логический тип. Тем не менее, вы должны быть очень осторожны: это может нарушить логику вашего приложения и привести к непредвиденным ошибкам. И так для того чтобы избежать этих ошибок, была написана эта статья.

Читать далее Как преобразовать строку в логический тип?

CSS3 Box Shadow, только сверху/снизу/слева/справа

 

Разделение цены пробелами (JS)

Адаптивная таблица на чистом CSS

Весь блок <thead> будет скрыт, вместо него нужно каждой ячейке <td> добавить заголовок через атрибут data-label.

Exchange Rates Today — простой плагин WordPress для изменения курса валют на сайте

2015-04-14 22-50-19 WordPress › Exchange Rates Today « WordPress Plugins - Google Chrome

 

Exchange Rates Today — плагин для WooCommerce который позволяет Вам задать в магазине национальную валюту, но вести учёт в зависимости от текущего курса валют. Вы просто указываете цену в нужной Вам валюте и каждый день обновляете курс.

К примеру валюта вашего сайта гривна, но все цены у Вас привязаны к доллару. Вы устанавливаете плагин https://wordpress.org/plugins/exchange-rates-today/

В настройках ставите валюту гривны:

2015-04-14 22-58-03 WooCommerce Settings ‹ Jane Doe — WordPress - Google Chrome

 

Все цены на сайте указываете в долларах:

2015-04-14 22-59-14 Add New Product ‹ Jane Doe — WordPress - Google Chrome

 

В главном меню, в разделе WooCommerce находите ссылку «Курс сегодня» и указываете текущий курс валют:

2015-04-14 23-14-07 Курс сегодня ‹ Jane Doe — WordPress - Google Chrome

 

После этого все цены на сайте пересчитаются по текущему курсу валют:

2015-04-14 23-05-52 Products Jane Doe - Google Chrome

 

Скачать плагин. 

UPD: плагин обновлён, должна пропасть ошибка с дробной ценой, о которой писали в комментариях.

Добавляем заказ в WooCommerce программно.

Наверное кто хоть раз сталкивались с созданием интернет-магазина на Woocommerce знают о его громоздкой и не приспособленной для стран СНГ странице checkout. (P.S. да, я знаю о saphali и о множестве плагинов для её редактирования, но речь сейчас не об этом).

В одном из проектов мне понадобилось оформлять заказ прям из корзины, вообще минуя эту страницу и с минимумом полей для ввода. Выглядело это примерно так:

2015-04-07 14-10-47 Cart Wptest - Google Chrome

 

 

 

 

 

 

В WC для этого есть функция wc_create_order() которая создаёт новый заказ и возвращает его в виде объекта в который мы можем добавить нужные свойства.

 

Это минимальные данные нужные для оформления заказа (кол-во элементов в массиве можно уменьшить, заполнив только необходимые поля).

Так же вы можете использовать методы описсаные на странице WooCommerce API: http://docs.woothemes.com/wc-apidocs/class-WC_Order.html. Я для сокращённой формы заказ использовал так-же:

SASS функции

Функции используются для вычисления значений и не выводят никакого CSS кода, они только возвращаю значения который могут быть использованы в CSS.
Читать далее SASS функции

Unheap

Огромная коллекция реально качественных и нужных jQuery плагинов, грамотно расфасованная по области применения. В Unheap 5 основных разделов UI, Inputs, Media, Nav, Other и каждый из них содержит еще с десяток подкатегорий. В общей сложности на данный момент каталог содержит более 1000 различных плагинов.