Дизайн сайтов. Сайты с нуля. Адаптивная верстка. Мои шпоргалки


Полезные штучки для интернет магазина на Wordpres с плагином WooCommerce   Недавно обновлено !

Как вывести последние добавленные (новые) товары? Данный шорткод часто используют на главной странице для того, чтобы посетители видели новинки в ассортименте магазина: 1 [recent_products per_page=»12″ columns=»4″] Как вывести популярные товары? Для этого используйте шорткод: 1 [featured_products per_page=»12″ columns=»4″] P/S/ шорткод отображает те товары, которые были отмечены звездочками «Рекомендуемый» в списке товаровper_page=»12″ — укажите желаемое количество товаров для показа […]


Как сделать флажок с помощью CSS (Border)

Привет любители прекрасного в дизайне! Сегодня поделюсь кодом флажка, а че 😉 какой праздник без флажков, а если дизайн детского сайта, или дизайн детского интернет магазина, да и просто…дизайн!!!  Экспериментируйте. .flag { background-color: #000; position: relative; width: 40px; height: 80px; } .flag:before { content: »; display: block; position: absolute; top: 100%; border-left: 20px solid #000; […]


Как убрать зону доставки в интернет магазине WooCommerce?

Как убрать зону доставки в интернет магазине WooCommerce? Вот есть такая полезная функция, а клиенты просят убрать. «Засоряет интерфейс, страницу сайта, а мы все равно не пользуемся :)» — цитата. Я говорю об этом сообщении:  Remove “Customer matched shipping zone…” которое появляется, когда клиент делает покупку в интернет магазине на странице  in woocommerce cart, а […]

Как убрать зону доставки в интернет магазине WooCommerce?

Как убрать слово «любой» или «any»в фильтрах

Как убрать слово любой или any в фильтрах

Как убрать слово «любой» или «any«в фильтрах  интернет магазина на woocommerce. Сегодня поделюсь еще одной полезной находкой: слово «любой» (если у вас подключен перевод ) или «any» ( в оригинале) в фильтрах. Спряталось оно естественно в самом плагине woocommerce/includes/widgets/class-wc-widget-layered-nav.php Красным я выделила фай в котором и находится «any» у меня это было строкой 181 // skip when […]


Замена SKU (артикула) на ID на странице товара. Woocommerce. 1

В интернет магазинах с плагином woocommerce при добавлении товара автоматически генерируется так называемый ID товара.  Можно его проставить на странице товара вместо артикула. Это  удобно, особенно, если вы по той или иной причине не хотите показывать и прописывать артикул. Задача поставлена следующая: На странице товара вывести  ID вместо артикула. Артикулы не должны быть видны покупателю, но они должны быть в […]


Как в доставке убрать “Бесплатно” 1

Как в доставке убрать “Бесплатно” В интернет магазине woocommerce есть следующие методы доставки по умолчанию: Единая ставка — Оплата все равно какой доставки. Можно вписать курьерскую по Украине, например. Бесплатная доставка —  Самовывоз Международная единая ставка — доставка по Украине Укрпочтой Местная доставка — тут мы используем, как правило, курьерскую Обычно, этих методов достаточно, чтобы […]


Создаем оригинальные hover-эффекты при помощи CSS3

Создаем оригинальные hover-эффекты при помощи CSS3 Очень жаль что эти примеры будут корректно работать только в современных браузерах, которые поддерживают свойства CSS3. Но еще совсем недавно (лет 10 назад) я боялась загружать сайты большими картинками, чтобы они не грузились долго….Сейчас же background (ом) на 3600px никого не удивишь  :))))) так что все течет все меняется. […]


Скачать кисти для Gimp детские рисунки

Скачать кисти для Gimp

Скачать кисти для Gimp очень просто. Добавить себе новые кисти для Gimp. Сегодня делюсь: кисти снежинки, кисти бабочек, кисти мыльных пузырей. Просто нажмите на ссылку и файл сразу же будет закачиваться в вашу папку для закачанных файлов  на вашем компике. Зайдите в FAR, затем найдите ваш GIMP, папка BRUSHES c  расширением .gbr Распакуйте кисти и добавьте […]


Пример кнопки CSS

.button { font-family: Helvetica, Arial, sans-serif; text-decoration: none; font-weight: bold; line-height: 1; color: white; text-shadow: 0 -1px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.5); -o-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.5); box-shadow: 0 1px 2px rgba(0,0,0,.5), inset […]


Анимация CSS

Ура!  Ура!  Ура! Как я люблю все новенькое, интересное!!! Сегодня открыла для себя еще одну страничку CSS. И подумала, а вдруг есть еще любители поэкспериментировать и приукрасить сайты. Делюсь. Плавное изменение цвета фона CSS #box1 { margin-bottom: 5px; background-color: #ccc; padding: 10px; text-align: center; width: 200px; height:100px; text-indent: 0px; border: 1px solid #888; -moz-transition: background-color […]