Натяжка на WooCommerce. HTML2WC. Часть #7.2. Страница товара: заголовок, рейтинги, цена и тд

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

40 комментариев к “Натяжка на WooCommerce. HTML2WC. Часть #7.2. Страница товара: заголовок, рейтинги, цена и тд”

  1. Мне интересно как сам каталог делаете, когда по плану выйдет про сам каталог а не внутреннюю страницу товара?

    • Ну дак идем от внутренних к внешним, потому так. А архивы будем делать через серию, табы настроим и потом архивы. Постараюсь до НГ выпустить

  2. Спасибо за урок, скажи пожалуйсто, можно ли сделать так, чтоб при выборе цвета, автоматически менялась картинка товара на выбранный цвет, как то искал такую информацию в интернете и не нашел нечего годного. Если сделаешь видео на эту тему думою многие будут благодарны. Спасибо

    • Дак это штатный функционал Вукомерса. Для каждой вариации можно указать свою картинку

    • @WPRUSe · Финты WordPress Здравствуйте! Спасибо за прекрасные уроки по Вукоммерц! Тоже столкнулся с таким вопросом: какой код нужно прописать в шаблоне в месте вывода картинки товара на странице товара, чтобы при выборе вариации товара изменялась картинка? Шаблон делал сам. Для вывода изображения товара использовал стандартную функцию вордпресс для вывода миниатюры, так как товар сразу был простым. Но потом товар сделали вариативным и соответственно разные изображения для вариаций. Не могу сориентироваться в файлах вукоммерц, где находится код, который отвечает за вывод изображений для вариаций. Если можно, подскажите

    • @Александр Мананников Нет такого кода. Если товар вариативный и в вариации есть своя картинка, тогда автоматически через js будет картинка нужная подтягиваться. Ну если вывод не сломан. Смотрите вот этот файл https://github.com/woocommerce/woocommerce/blob/2810e6cdf3/templates/single-product/product-image.php
      Важно использовать родные классы вукомерса, иначе js работать не будет

  3. Что же за люди делали дизайн, если у них в карточке товара можно изменять «Quality», т.е. качество товара, а не «Quantity», т.е. его количество… = )

  4. А кнопка сравнения только плагином добавить можно или woocommerce имеет свою?

  5. Не понимаю как у тебя получилось добавить вариации, я вроде всё по уроку сделал, и все вариации в товаре присутствуют, а мне на вкладке товара пишет, что товара нет в наличии, хотя я проверил, всё присутствует.
    И мне выдаёт это сообщение, о том что товара нет в наличии, только если я делаю товар вариативным, помогите плз

    • Для тех кто тоже столкнулся с данной проблемой, я решил её, оказывается надо указать опции для каждой вариации, цену обязательно

    • Все верно, сорян, но для меня это такая очевидная вещь, что забываю про нее сказать)

    • WPRUSe · Финты WordPress ну до твоего уровня нам ещё дорасти надо, спасибо за обучающие видео, продолжай в том же духе)
      Я оставил вопрос на последнем твоём видео из плейлиста «как изменить вукомерс» был бы признателен за ответ.

    • Спасибо, буду продолжать)

      На вопрос ответил, еще вчера

  6. Артем огромная благодарность за ваш труд, не понял откуда взялась функция для переопределения рэйтинга из текста в звездочки? В видео она закоментирована, где ее взять?

    • Данная функция в стартовой теме идет сразу. Я ее просто сначала закоментил, потом скопипастил. Посмотрите на гитхабе, там все должно быть

  7. Подскажите, пожалуйста, как этот блок с инкриментом колличества товаров вывести на странице архива в миниатюре карточки товара! очень нужно, никак не получается((

  8. Что-то глючит плагин Variation Swatches
    При выборе опции на странице товара товара в файле add-to-cart-variation.min.js валится ошибка «C.parseHTML is not a function». Причем сама опция определена
    И в корзину следовательно не добавляется.

    Глянул еще раз. Эта ошибка валится уже при загрузке страницы.

    • Попробовал на темах Сторфронт и Твентисевентин работает. Походу из-за того, что ID и класссы элементов-оберток поменялись и плагин не может найти сам элемент.

    • @Alex West Скорее всего, работа вариаций сильно на классы завязана, если нужного класса не будет то и работать ничего не будет

  9. WooCommerce Quantity Increment уже не доступен (
    «This plugin was closed on December 24, 2018 and is no longer available for download. Reason: Guideline Violation.»

  10. ну это же не то!( я так понимаю ты должен встраивать функции вукоммерса в свою верстку а не работать с дефолтным дерьмом и менять его стили

    • @Николай Берсенев А дефолтное дерьмо — это речь про Вукомерс или про хтмл шаблон?

    • @WPRUSe · Финты WordPress про вукоммерс. Я сразу скажу я не специализируюсь в Вордпресс и тем более вукоммерс, я больше по фронту, поэтому могу ошибаться, но я так понимаю натяжка должна осуществляться через шаблоны — дефолтные убирать, свою вёрстку ставить и уже проставлять функции где надо.

    • @Николай Берсенев Не так. Можно конечно просто распихать хтмл по файлам, но это будет хрень. Пожтому вся натяжка заключается в динамике, чтобы все статические элементы при нужном виде, работали динамически. И если есть готовая верстка, то все упирается просто в расстановку нужных функций, а не в верстку по новой. Правда с Вукомерсом такое не всегда проходит….

  11. 9:40 — а зачем мы здесь добавляем стили через фильтр, если можно было поступить также как и с заголовком и ценой, просто через имеющийся класс «woocommerce-product-details__short-description»?

    • Хороший вопрос. Не помню, но скорее всего нужен был класс из вестки, на тот момент так видимо проще мне было

    • Данного — это картинки? Если да, то файл product-image.php смотрите

    • Дело в том, что я хотел поменять именно атрибут у картинки, которая выводит зуммирование (на скрине стрелочкой показал) — role=»presentation» на role=»lightbox»
      Я смотрел product-image.php, нашел там фильтр — woocommerce_single_product_image_thumbnail_html, но он меняет только то, что внутри самой ссылки
      Сделать замену пытался с помощью str_replace, тема storefront

    • @Grant Russ А это вообще фиг поменяешь, проще по новой написать, как требуется. В этих картинках все сложно и не очень удобно сделано

  12. Несколько сайтов посадил на woocommerce и понял хуки использовать для постройки шаблона woocommerce отстой, лучше построить свой класс для получение необходимых данных, и выводить в шаблон, к сожалению этот метод не особо подходит так как если приспичит подключить какой нибудь плагин без изменения кода шаблона, нечего работать не будет, так как они все завязаны на хуков woocommerce.

Добавить комментарий

%d такие блоггеры, как: