Липсва галерия с лайтбокс в актуализацията на woocommerce
Новата актуализация на WooCommerce 3.0 донесе много изненади на собствениците на woocommerce магазини и особено на тези, които използват персонализирани теми (но не само).
Тази актуализация на wooc е глобална - голяма! и името на тази нова актуализация беше дадено екстравагантно - "Bionic Butterflies" "Bionic Butterfly".
В статията ще разгледаме такъв (както се нарича - бъг), въпреки че това изобщо не е бъг! когато собствениците на магазини открият, че в административния панел „настройки“ „продукти“ „показване на стоки“ квадратчето за свързване на галерията с лайтбокс е изчезнало и освен това тези администратори, които използват лайтбокс, горчиво откриват на страниците на магазина пълна „счупване“ на външния вид на предишната галерия: и ако е така, тогава ще разрешим този проблем с „разбивката“ днес ... ще свържем необходимите (нови) модули за увеличение, лайтбокс и плъзгач в нашата тема и добавете необходимите модули css стилове.
Да започваме: Хакуна Матата...
Струва ли си да актуализирате woocommerce N-?
Говорейки честно, тогава, разбира се, и без никакво замисляне, винаги определено трябва да актуализирате!
Въпреки това, преди всяка голяма актуализация на woocommerce, трябва да помислите внимателно и особено за онези собственици, които имат малко разбиране за механиката на плъгина!
Сред потребителите на wooc те казват толкова директно, че все още не им се препоръчва да актуализират.
Лично аз винаги актуализирам... Как? първо на тестов сайт, за да хванете "иновациите" и да се подготвите ... и едва след това - на работещия ...
Фактът, че wooc галерията спря да работи правилно - открих веднага:
...главната снимка на продукта все още беше на мястото си, но всички снимки от галерията се преместиха под основната и загубиха вида на миниатюри. С една дума, без модалпрозорци и други принадлежности на всички лайтбоксове ...
Например, една от функционалните промени в ядрото на wooc е следната:
Създавайте, четете, актуализирайте и изтривайте... обекти и съхранение на данни - CRUD
Такива CRUD класове във версия 3.0 wooc носят фундаментални промени в работата с обекти от данни в ядрото - това са продукти, поръчки, купони, клиенти и др.
Всичко това отваря нов път в развитието на плъгина и неговата функционалност (просто всякакви естетически и функционални удобства за потребителя) ...
Няма да говоря много за тези промени, целта на статията е малко по-различна ... Въпреки това, тези, които се интересуват от близко запознаване с актуализацията, могат да прочетат подробните инструкции от разработчиците по чудесен начин - ще дам връзката по-долу.
Междувременно нека разгледаме по-отблизо и да видим как работи
Важно: ТАЗИ публикация съдържа голям избор от полезен код за работа с магазин на Woocommerce.
нова галерия с продукти на woocommerce
Като актуализираме приставката до версия 3.0 и по-нова, ще видим следните функции:
Тук стигаме до основната цел на статията:
За да избегнете проблеми с лайтбокс в персонализирани теми (теми на WordPress, които не са по подразбиране), трябва да активирате новата функционалност на галерията с помощта на add_theme_support().
Вижте приблизителната работа на галерията - добре, как по принцип миниатюрните и придружаващите ги снимки на продукта трябва да играят хармонично една с друга и - внимание !! — дори ако снимките са с различни размери (т.е. различни размери) — можете да погледнете в секцията ми за комикси Kuiper-Quiser script Kyper-Quiser script — На вашето внимание скрипт-валутата kuyper-quizeropylogon-myilafon… ще представлява интерес за онези майстори, които са свикнали да работят с главите си, но не и с ръцете си… (тест)…
Как да го включитеактуализирани функции на галерията на woocommerce
За да активирате функционалността (добре, за да осигурите поддръжка във вашата тема) на новата галерия на woocommerce, трябва да напишете следните редове код във файла functions.php на вашата активна тема за постоянно пребиваване, като промените „yourtheme“ на името на вашия шаблон:
направихме нещо подобно в описанието на тази статия, когато предоставихме поддръжка на wooc в тема на трета страна.
Внимание: трябва да знаете!
кодът в тази версия не е подходящ за всички собственици на магазини: всичко зависи от името (името) на шаблона ...
Ако преминем през ядрото на плъгина, тогава ще намерим няколко допълнения в папката с активи ...
Това е цялата красота и трябва да се свържете с горния код!
Но ще има допълнителни мета връзки в хедъра на сайта, ще възкликне внимателният читател!?
Ще се появи нещо! - ще отговори писателят))
И определено трябва да кажете:
Зареждат се стилове и т.н. плъгин само на страницата, където е внедрена галерията… на други страници на магазина, например — когато правите поръчка и други подобни — без допълнителни изтегляния и връзки !! (изображението може да се кликне)...
Тези. ако погледнете изходния код ... да кажем, витрини - няма да има излишни "мета". Според мен добър подход на разработчиците ...
актуализиране на css стилове wooc в нашата тема
За онези администратори, които са прехвърлили css стилове на плъгини към техния шаблон Полезно е да се прочете, защото работата със CSS стилове е най-важното обстоятелство, с което администраторът трябва да се справи. Организация на стила - трябва да бъде в шаблона, но не и в приставката: по-целесъобразно е във всички отношения. Селекция от статии за WOOC
пътят е: /wp-content/plugins/woocommerce/assets/css/woocommerce.css
Защо е товатрябва да се направи актуализация на css: но защото, ако оставите „старите“ стилове, тогава не можете да избегнете някои наслагвания на дисплея на галерията, например иконата „Разпродажба“ ще се скрие зад изображението на продукта и т.н., и т.н. Затова добавих някои свойства / стойности - например z-index: 9;
Подготвих всички css стилове, от които се нуждаем днес, и вие просто трябва да ги добавите към вашия активен шаблон css файл, например, така: