Интеграция на WooCommerce с нашата тема.

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
По абсолютно аналогичен начин добавих и няколко други продукти за да имаме малко повече продукти.
В отделните категории добавих тези продукти.
Когато кликнем на менюто продукти и имаме имената на продуктите,
опция дали е налично или не е, самата цена виждаме тези които са на промоция или в разпродажба в коя категория са.
Имаме един общ преглед на нашите продукти.
Да видим обаче как изглеждат в самия сайт.
Отиваме на zdravec.
aula.
bg магазин ще видим всички продукти, които добавих.
Tе не са много, но за целта на тази демонстрация мисля, че са напълно достатъчни.
Тук обаче вече си проличава по-сериозно проблема със страничната лента.
Обаче тази тема не е направена за това разширение, което е за електронен магазин.
Това си личи и от този текст тук: "Вашата тема не е обявила, че поддържа woocommerce".
Вижте нашите настройки за интеграция.
Настройките за интеграция може да са много тежки.
Тук виждаме, че това което трябва да направим, далеч не е чак толкова сложно.
Трябва да намерим в нашия код тези два реда и между тях да сложим ето това нещо.
Естествено ако вие познавате php, препоръчваният начин e да влезнете и във функциите на темата да добавите ето тези редове.
Но да кажем, че ще направим по-лесния начин.
Това което ми казват е, че трябва да копираме page php.
И да заменим и да го преименува на копието, page php си остава, но копието на woocommerce.
За целта трябва да влезем в нашия сървър.
Аз съм влезнал.
Да навигираме до папката, където са темите.
Всъщност това е папката в която е моя сайт и съответно wp-content са темите и разширенията.
Ще влезна в темите, ще влезна в colormag.
Това е моята тема.
Сега трябва да намеря файл, който се нарича page php.
Това което ще покаже изисква минимални умения за работа със сървър и не изисква програмиране, но трябва да внимавате много какво правите.
Пак казвам този урок е само опционален, ако много държите да изберете тема, която има този проблем.
Ако сте си избрали тема на woo teams, тя е с поддръжка на woocommerce и няма да този проблем, може спокойно да прескочите този урок и да го изгледате за обща информация.
Но ако имате проблем с темата само тогава гледайте този урок.
Това, което ще направя е ще е хвана този файл и ще го преименува както те казват да пише "woocomerce".
Ще го върна обратно.
След което той идентичен.
Ще трябва да го редактирам.
Това което те казват в това решение, трябва да намерите там където има loop на публикации.
Tоест там да трябва да има някакъв цикъл в страницата.
за целта
За целта аз виждам, най-вероятно при вашите бъде if have_post, само че при мене е while have posts Tрябва да намерим и края на този цикъл, който е ето тук.
Тоест това цялото нещо, което е вътре препоръката на сайта да си изтрие.
Натиснах бутона Delete и на негово място да се сложи това което ще го копирам.
Слагам го тук.
Това е цялото нещо.
След което го записвам.
Качвам новия файл.
И сега да видим тук какво се случва.
Зареди се страницата.
Това което направи е, че повтори магазина много пъти, което означава че съм направил някакъв пропуск.
Сега ще видя какво стана.
Да! Трябваше да изтрия самия цикъл също, както беше дадено в самите инструкции.
Пропуснах да го изтрия съответно множество пъти ми повтори магазина.
Сега ще го запиша.
Отварям си страницата, презареждам за да видя какво се получава.
Сега вече решихме нашия проблем.
Решихме нашия проблем и страничната лента е там където трябва да бъде.
Това е чудесно.
Аз имам един проблем, това ни решава ситуацията за момента.
Това което ще се получи е, че ако аз актуализирам темата, то тогава ще е загубя тази промяна.
Единия вариант е този файл да го пазя на моя компютър и при актуализация на темата да го копирам обратно на сървъра.
Това е доста глупаво.
Другият вариант е да направя, така наречената дъщерна тема или child тема.
Tова отново е малко по технически урок, но е нещо което може да се случи да правите в електронния магазин.
Затова ще го покажа в следващия урок как може да направим дъщерна тема.
Прави се по такъв начин, че реално не се променя основната тема, а всички промени в темата ги пазим в дъщерната тема.

Въпроси и отговори

  • Иван Цукев:

    Погледни тези теми могат да те насочат и помогнат:

    Превод на тема без .po файл

    Превод на "read me" бутон не се променя

    Delyana:

    Има ли начин при влизане в сайта, директно да се зареждат предлаганите продукти за продажба, а не публикациите?

    Иван Цукев:

    Delyana, разбора се - като заглавна страница може да се сложи статичната страница на магазина.

  • Има ли начин да се изравни реда с "купи"

    Стефан Петров Петров:

    Има ли начин всички бутони "купи" да са на един ред, а не едно нагоре едно надолу?

    Мария Балева:

    Здравей, като имаш по-дълго заглавие на продукта се получава това разместване. За съжаление не открих настройка в самия WooCommerce за подравняване на бутоните. За това трябва да се направи през CSS редакция на WooCommerce-a. Трябва да зададеш как да се подравнява бутона, независимо от дължината на заглавието на продукта. Преди да предприемеш каквито и да е било промени, моя съвет е да прегледаш подробно документацията на Woocommerce и да разгледаш форумите с подобни въпроси. Ето един пример

    Rumen Gotsev:

    Всичко е толкова прекрасно, че се удивлявам като ударен с мокра кърпичка в лицето :) Преди време се "нахъсах" да правя за едно семейство електронен магазин с WooCommerce и после реших да си запиша как се слага (инсталира) wordpress на локалния компютър под Linux Ubuntu, беше си голяма играчка. Нищо не става без четене и практика.

    Ето и полезната връзка към това видео:

    https://www.youtube.com/watch?v=9ovx8RRQBAQ

  • как се превежда woocommerce?

    Delyana:

    Преди седмица електронния магазин беше идеално преведен, не съм правила дъщерна тема, както и допълнителни настройки, но от днес, всичко е объркано и половината неща при поръчката са на английски? Какво трябва да направя- в превод на тема ги няма нещата, в плъгина woocommerce не знам къде да търся. Някой знае ли как мога да оправя нещата?

    Иван Цукев:

    Прегледай внимателно документацията на плъгина: https://docs.woocommerce.com/document/woocommerce-localization/

    Румен Атанасов:

    Аз лично също се сблъсках с този проблем. Оказа, се че не е проблема в самият плъгин, а в темата, която използвам. Инсталирах Loco Translate и с него изключително лесно и бързо си преведох нужните неща.