Skip to content

Instantly share code, notes, and snippets.

View karamansky's full-sized avatar
🏠
Working from home

Stas karamansky

🏠
Working from home
View GitHub Profile
@karamansky
karamansky / Opencart: 301 redirect .htaccess
Last active February 6, 2021 17:21
Redirect при использовании ЧПУ на сайте
#cart page - redirect (sample)
RewriteCond %{QUERY_STRING} ^_route_=checkout/cart$
RewriteRule ^(.*)$ http://karamanskiy1.xx.co.ua/index.php?route=check-out? [R=301,L]
@karamansky
karamansky / Opencart: 301 Redirect v.2 .htaccess
Last active February 6, 2021 17:21
Редирект со страницы: site.com/index.php?route=account/address на страницу типа: site.com/account/
RewriteCond %{QUERY_STRING} ^route=account/address$
RewriteRule ^index\.php /account? [R=301,L]
@karamansky
karamansky / breadcrumbs
Created April 2, 2021 10:24
Хлебные крошки - Opencart_Аптека
<div class="breadcrumb breadcrumbs">
<div class="wrapper">
<div class="breadcrumbs__wrap">
{% for breadcrumb in breadcrumbs %}
{% if loop.last %}
<span>{{ breadcrumb.text }}</span>
{% else %}
<a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a>
<img src="catalog/view/theme/default/img/icons/arr-breadcrumbs.svg" alt="brcr">
{% endif %}
@karamansky
karamansky / gist:8e16ff94d7633ce01e483a1dd349c127
Last active December 26, 2022 13:23
HTML: Twitter Card + др.инфа для HEAD
<meta name="theme-color" content="#629F26">
<meta name="msapplication-navbutton-color" content="#629F26">
<meta name="apple-mobile-web-app-status-bar-style" content="#629F26">
<meta name="theme-color" content="#629F26">
<meta property="og:site_name" content="">
<meta property="og:locale" content="ru_RU">
<meta name="og:type" content="website">
<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:title" content="">
@karamansky
karamansky / Wordpress MENU
Created May 6, 2021 17:20
Wordpress MENU
<div class="menu-moyo-menyu-container">
<ul id="menu-moyo-menyu" class="menu">
<li id="menu-item-265" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-265">
<a href="http://wp-test.ru/post-99">Обратная связь</a>
</li>
<li id="menu-item-266" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-266">
<a href="http://wp-test.ru/post-98">Все статьи</a>
</li>
<li id="menu-item-267" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-267">
<a href="http://wp-test.ru/post-97">Карта сайта</a>
@karamansky
karamansky / JavaScript
Last active December 26, 2022 13:21
JS: Подключение скриптатолько для мобильных
<script type="text/javascript">
{
if (screen.width <= 768) document.write ('<script type="text/javascript" src="libs/jquery/dist/jquery.mobile-1.4.2.min.js" ></sc' + 'ript>');
}
</script>
@karamansky
karamansky / html
Last active December 12, 2023 04:16
HTML: Список с чекбоксами
<ul class="list-check">
<li class="list-check__item">
<label class="list-check__label">
<input type="checkbox" name="check_1">
<span class="label-text">Name_1</span>
</label>
</li>
<li class="list- check__item">
<label class="list-check__label">
<input type="radio" name="check_2">
@karamansky
karamansky / Зафиксировать блок при прокрутке
Last active December 26, 2022 13:20
JS: Зафиксировать блок при прокрутке
if($('.checkout-right').length){
var offset_this = $('.checkout-right').offset().top;
var scr_top = $(document).scrollTop();
var parent_box_height = $('.chechout-box').outerHeight(true);
$(document).scroll(function() {
scr_top = $(document).scrollTop();
if((scr_top > offset_this)){
$('.checkout-right').addClass('fixed');
$('.checkout-right').css('right', $('.chechout-box').offset().left);
if(scr_top >= parent_box_height){
@karamansky
karamansky / Попап окна
Last active December 26, 2022 13:20
JS: ArcticModal попап окно
<div style="display: none;">
<div id="popup-callback" class="box-modal popup popup-callback">
<div class="box-modal_close arcticmodal-close">&times;</div>
</div>
</div>
<link rel="stylesheet" href="libs/jquery.arcticmodal-0.3/jquery.arcticmodal-0.3.css">
<script src="libs/jquery.arcticmodal-0.3/jquery.arcticmodal-0.3.min.js"></script>
<script>
@karamansky
karamansky / Анимировать эл-т при скролле
Last active December 26, 2022 13:20
JS: Анимировать эл-т при скролле
//скрипт добавляет класс к элементу при скролле
//класс подключает анимацию, которая проигрывается
(function () {
//блок для анимирования
var anim_txt = document.querySelector('.sk_anim_text span.big-block');
var observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
//перебор
if (typeof getCurrentAnimationPreference === 'function' && !getCurrentAnimationPreference()) {
return;