Задать вопрос
  • Как добавлять класс при скороле?

    @LastGeneral Автор вопроса
    // hide header on scroll down show on scroll up
    const scroll = document.getElementById("site-header");
    const scrollUp = "scroll-up";
    const scrollDown = "scroll-down";
    let lastScroll = 0;
    
    window.addEventListener("scroll", () => {
      const currentScroll = window.pageYOffset;
      if (currentScroll <= 0) {
        scroll.classList.remove(scrollUp);
        return;
      }
    
      if (currentScroll > lastScroll && !scroll.classList.contains(scrollDown)) {
        // down
        scroll.classList.remove(scrollUp);
        scroll.classList.add(scrollDown);
      } else if (
        currentScroll < lastScroll &&
        scroll.classList.contains(scrollDown)
      ) {
        // up
        scroll.classList.remove(scrollDown);
        scroll.classList.add(scrollUp);
      }
      lastScroll = currentScroll;
    });
    Ответ написан
    Комментировать
  • Как разбить число пробелами?

    potapchino
    @potapchino
    function spaceDigits(number){
    	return number.toString().replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 ');
    }
    
    document.querySelectorAll('.stats_counter').forEach(function(el) {
      el.innerText = spaceDigits(el.innerText);
    });
    Ответ написан
    1 комментарий
  • Как сделать вывод товаров на главной странице OpenCart?

    @script-php
    Посмотрите https://bigmoll.com/ она проще
    Для opencart-3
    нужно catalog\controller\common\home.php заменить весь код на этот

    <?php
    	
    	class ControllerCommonHome extends Controller {
    		public function index() {
    			
    			
    			if ((isset($_SERVER['HTTPS']) && (($_SERVER['HTTPS'] == 'on') || ($_SERVER['HTTPS'] == '1'))) || $_SERVER['SERVER_PORT'] == 443) {
    				define('HTTP',"https://");
    				} elseif (!empty($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https' || !empty($_SERVER['HTTP_X_FORWARDED_SSL']) && $_SERVER['HTTP_X_FORWARDED_SSL'] == 'on') {
    				define('HTTP',"https://");
    				} else {
    				define('HTTP',"http://");
    			}	
    			
    			define('HOST', HTTP.$_SERVER['HTTP_HOST']);	
    			
    			
    			
    			$this->document->setTitle($this->config->get('config_meta_title'));
    			$this->document->setDescription($this->config->get('config_meta_description'));
    			$this->document->setKeywords($this->config->get('config_meta_keyword'));
    			
    			
    			
    			$this->load->language('product/category');
    			
    			$this->load->model('catalog/category');
    			
    			$this->load->model('catalog/product');
    			
    			$this->load->model('tool/image');
    			
    			if (isset($this->request->get['filter'])) {
    				$filter = $this->request->get['filter'];
    				} else {
    				$filter = '';
    			}
    			
    			if (isset($this->request->get['sort'])) {
    				$sort = $this->request->get['sort'];
    				} else {
    				$sort = 'p.sort_order';
    			}
    			
    			if (isset($this->request->get['order'])) {
    				$order = $this->request->get['order'];
    				} else {
    				$order = 'ASC';
    			}
    			
    			if (isset($this->request->get['page'])) {
    				$page = $this->request->get['page'];
    				} else {
    				$page = 1;
    			}
    			
    			if (isset($this->request->get['limit'])) {
    				$limit = (int)$this->request->get['limit'];
    				} else {
    				$limit = $this->config->get('theme_' . $this->config->get('config_theme') . '_product_limit');
    			}
    			
    			
    			$data['compare'] = $this->url->link('product/compare');
    			
    			
    			function str_replace_once($search, $replace, $text) 
    			{ 
    				$pos = strpos($text, $search); 
    				return $pos!==false ? substr_replace($text, $replace, $pos, strlen($search)) : $text; 
    			}			
    			
    
    			$data['products'] = array();
    			
    			$filter_data = array(
    			'filter_category_id' => 0,
    			'filter_filter'      => $filter,
    			'sort'               => $sort,
    			'order'              => $order,
    			'start'              => ($page - 1) * $limit,
    			'limit'              => $limit
    			);
    			
    			$product_total = $this->model_catalog_product->getTotalProducts($filter_data);
    			
    			$results = $this->model_catalog_product->getProducts($filter_data);
    			
    			foreach ($results as $result) {
    				if ($result['image']) {
    					$image = $this->model_tool_image->resize($result['image'], $this->config->get('theme_' . $this->config->get('config_theme') . '_image_product_width'), $this->config->get('theme_' . $this->config->get('config_theme') . '_image_product_height'));
    					} else {
    					$image = $this->model_tool_image->resize('placeholder.png', $this->config->get('theme_' . $this->config->get('config_theme') . '_image_product_width'), $this->config->get('theme_' . $this->config->get('config_theme') . '_image_product_height'));
    				}
    				
    				if ($this->customer->isLogged() || !$this->config->get('config_customer_price')) {
    					$price = $this->currency->format($this->tax->calculate($result['price'], $result['tax_class_id'], $this->config->get('config_tax')), $this->session->data['currency']);
    					} else {
    					$price = false;
    				}
    				
    				if ((float)$result['special']) {
    					$special = $this->currency->format($this->tax->calculate($result['special'], $result['tax_class_id'], $this->config->get('config_tax')), $this->session->data['currency']);
    					} else {
    					$special = false;
    				}
    				
    				if ($this->config->get('config_tax')) {
    					$tax = $this->currency->format((float)$result['special'] ? $result['special'] : $result['price'], $this->session->data['currency']);
    					} else {
    					$tax = false;
    				}
    				
    				if ($this->config->get('config_review_status')) {
    					$rating = (int)$result['rating'];
    					} else {
    					$rating = false;
    				}
    				
    				$data['products'][] = array(
    				'product_id'  => $result['product_id'],
    				'thumb'       => $image,
    				'name'        => $result['name'],
    				'description' => utf8_substr(trim(strip_tags(html_entity_decode($result['description'], ENT_QUOTES, 'UTF-8'))), 0, $this->config->get('theme_' . $this->config->get('config_theme') . '_product_description_length')) . '..',
    				'price'       => $price,
    				'special'     => $special,
    				'tax'         => $tax,
    				'minimum'     => $result['minimum'] > 0 ? $result['minimum'] : 1,
    				'rating'      => $result['rating'],
    				'href'        =>   $this->url->link('product/product', 'path=' . null . '&product_id=' . $result['product_id'] )
    				);
    			}
    			
    			
    			
    			$url = '';
    			
    			if (isset($this->request->get['filter'])) {
    				$url .= '&filter=' . $this->request->get['filter'];
    			}
    			
    			if (isset($this->request->get['limit'])) {
    				$url .= '&limit=' . $this->request->get['limit'];
    			}
    			
    			
    			$data['sorts'] = array();
    			
    			$data['sorts'][] = array(
    			'text'  => $this->language->get('text_default'),
    			'value' => 'p.sort_order-ASC',
    			'href'  => HOST . ('/?sort=p.sort_order&order=ASC' . $url)
    			);
    			
    			$data['sorts'][] = array(
    			'text'  => $this->language->get('text_name_asc'),
    			'value' => 'pd.name-ASC',
    			'href'  => HOST . ('/?sort=pd.name&order=ASC' . $url)
    			);
    			
    			$data['sorts'][] = array(
    			'text'  => $this->language->get('text_name_desc'),
    			'value' => 'pd.name-DESC',
    			'href'  => HOST . ('/?sort=pd.name&order=DESC' . $url)
    			);
    			
    			$data['sorts'][] = array(
    			'text'  => $this->language->get('text_price_asc'),
    			'value' => 'p.price-ASC',
    			'href'  =>HOST . ('/?sort=p.price&order=ASC' . $url)
    			);
    			
    			$data['sorts'][] = array(
    			'text'  => $this->language->get('text_price_desc'),
    			'value' => 'p.price-DESC',
    			'href'  => HOST . ('/?sort=p.price&order=DESC' . $url)
    			);
    			
    			if ($this->config->get('config_review_status')) {
    				$data['sorts'][] = array(
    				'text'  => $this->language->get('text_rating_desc'),
    				'value' => 'rating-DESC',
    				'href'  => HOST . ('/?sort=rating&order=DESC' . $url)
    				);
    				
    				$data['sorts'][] = array(
    				'text'  => $this->language->get('text_rating_asc'),
    				'value' => 'rating-ASC',
    				'href'  => HOST . ('/?sort=rating&order=ASC' . $url)
    				);
    			}
    			
    			$data['sorts'][] = array(
    			'text'  => $this->language->get('text_model_asc'),
    			'value' => 'p.model-ASC',
    			'href'  => HOST . ('/?sort=p.model&order=ASC' . $url)
    			);
    			
    			$data['sorts'][] = array(
    			'text'  => $this->language->get('text_model_desc'),
    			'value' => 'p.model-DESC',
    			'href'  => HOST .('/?sort=p.model&order=DESC' . $url)
    			);
    			
    			
    
    			
    			$data['limits'] = array();
    			
    			$limits = array_unique(array($this->config->get('theme_' . $this->config->get('config_theme') . '_product_limit'), 25, 50, 75, 100));
    			
    			sort($limits);
    			
    			
    			$url = '';
    			
    			if (isset($this->request->get['filter'])) {
    				$url .= '&filter=' . $this->request->get['filter'];
    			}
    			
    			if (isset($this->request->get['sort'])) {
    				$url .= '&sort=' . $this->request->get['sort'];
    			}
    			
    			if (isset($this->request->get['order'])) {
    				$url .= '&order=' . $this->request->get['order'];
    			}
    			
    			
    			
    			foreach($limits as $value) {
    				$data['limits'][] = array(
    				'text'  => $value,
    				'value' => $value,
    				'href'  => HOST . str_replace_once('&', '?', $url. '&limit=' . $value)
    				);
    			}
    			
    
    			$url = '';
    			
    			if (isset($this->request->get['filter'])) {
    				$url .= '&filter=' . $this->request->get['filter'];
    			}
    			
    			if (isset($this->request->get['sort'])) {
    				$url .= '&sort=' . $this->request->get['sort'];
    			}
    			
    			if (isset($this->request->get['order'])) {
    				$url .= '&order=' . $this->request->get['order'];
    			}
    			
    			if (isset($this->request->get['limit'])) {
    				$url .= '&limit=' . $this->request->get['limit'];
    			}
    			
    			$url = str_replace_once('&', '?', $url);			
    			
    
    			$pagination = new Pagination();
    			$pagination->total = $product_total;
    			$pagination->page = $page;
    			$pagination->limit = $limit;
    			$pagination->url = HOST . ($url . '&page={page}');
    			
    			$data['pagination'] = $pagination->render();
    			
    			$data['results'] = sprintf($this->language->get('text_pagination'), ($product_total) ? (($page - 1) * $limit) + 1 : 0, ((($page - 1) * $limit) > ($product_total - $limit)) ? $product_total : ((($page - 1) * $limit) + $limit), $product_total, ceil($product_total / $limit));
    			
    
    			if ($page == 1) {
    			    $this->document->addLink(HOST, 'canonical');
    				} else {
    				$this->document->addLink(HOST . ('/?page='. $page), 'canonical');
    			}
    			
    			if ($page > 1) {
    			    $this->document->addLink(HOST . ((($page - 2) ? '/?page='. ($page - 1) : '')), 'prev');
    			}
    			
    			if ($limit && ceil($product_total / $limit) > $page) {
    			    $this->document->addLink(HOST . ('/?page='. ($page + 1)), 'next');
    			}
    			
    			$data['sort'] = $sort;
    			$data['order'] = $order;
    			$data['limit'] = $limit;
    			
    			$data['continue'] = $this->url->link('common/home');
    			
    			$data['column_left'] = $this->load->controller('common/column_left');
    			$data['column_right'] = $this->load->controller('common/column_right');
    			$data['content_top'] = $this->load->controller('common/content_top');
    			$data['content_bottom'] = $this->load->controller('common/content_bottom');
    			$data['footer'] = $this->load->controller('common/footer');
    			$data['header'] = $this->load->controller('common/header');
    			
    			$this->response->setOutput($this->load->view('product/category', $data));
    			
    		}
    	}
    Ответ написан
    3 комментария
  • Модальное окно в Bootstrap 4 затемняется и становится неактивным. Как пофиксить?

    @sequelone Автор вопроса
    В общем как оказалось нужно сделать пару правок:

    1. Указать идентификатор в свойство data-target="" . У меня это #modalVote.

    <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#modalVote">
           Голосовать
    </button>


    2. В модальном окне указать идентификатор id="modalVote":

    <div class="modal fade" id="modalVote" tabindex="-1" aria-labelledby="modalVoteLabel" data-backdrop="true" aria-hidden="true" role="dialog">
            <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
                    <div class="modal-content">
                            <div class="modal-header">
                                    <h5 class="modal-title" id="modalVoteLabel">Голосование</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                    </button>
                            </div>
                            <div class="modal-body">
                                     ...
                            </div>
                    </div>
            </div>
    </div>


    3. Добавить JS
    jQuery(function () {
         jQuery("#modalVote").appendTo("body");
    });
    Ответ написан
    Комментировать
  • Как лучше реализовать раздел портфолио?

    @Asokr
    Смотря кому, и для чего.
    Вы уже описали три вполне рабочих варианта, но два первых, это конечно, если для себя.
    Третий имеет право на существование, уже и для заказчика, но, пожалуй, лучшим вариантом будет написание соответствующего расширения.

    Больше и вариантов в принципе нет...
    Ответ написан
    Комментировать
  • Как сместить метку на яндекс карте вправо по API?

    scottparker
    @scottparker
    третья строка кода - точка центра карты
    center: [55.901574, 37.573856]
    для смещения вправо меняйте второй параметр
    Ответ написан
    6 комментариев
  • В Wordpress подключить две шапки?

    @tosster22 Автор вопроса
    Ответ простой. Главная шапка называется header. Вторую называем header-home (не важно что через дефис). Подключаем вторую шапку <?php get_header('home'); ?> те указываем не полностью называние файла, а только то, что через дефис написано
    Ответ написан
    1 комментарий
  • Как выводить видео в ACF?

    @qwetexac
    Если видео с ютуба, к примеру, то вставлять как обычное текстовое поле и потом парсить.
    Если лежит на серваке, то я выбираю тип поля "файл" с возвращаемой ссылкой
    Ответ написан
    3 комментария
  • Как называется предварительная загрузка блоков и когда она нужна?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Подход с UI placeholders оправдан тогда, когда контент для готовых контейнерных блоков загружается JS-скриптом после загрузки основной разметки через AJAX в синхронном или асинхронном режимах.
    Например, контент загружается через includeHTML.
    Так можно сделать холдеры: https://jsfiddle.net/d1pzay6k/

    Дополнительно по оптимизации загрузки:
    1. Грамотный critical CSS инлайном в коде: создать можно этим
    2. jQuery Lazy Load
    3. Подготовить плейсхолдеры для UI в SVG можно трейсером: imagetracerjs.
    Ответ написан
    Комментировать
  • Не могу установить ocStore 2.3.0.2.3 на php 7.2?

    @Fingman8
    В:

    install\cli_install.php
    удалить

    if (!function_exists('mcrypt_encrypt')) {
    $error = 'Warning: mCrypt extension needs to be loaded for OpenCart to work!';
    }
    И в:

    install\controller\install\step_2.php
    удалить

    $data['text_mcrypt'] = $this->language->get('text_mcrypt');

    ...

    $data['mcrypt_encrypt'] = function_exists('mcrypt_encrypt');

    ...

    if (!function_exists('mcrypt_encrypt')) {
    $this->error['warning'] = $this->language->get('error_mcrypt');
    }
    Ответ написан
    1 комментарий
  • При загрузке сайта показ начинается с середины а не сначала?

    @apenshin
    python/django/php/yii
    Автофокус
    <input placeholder="Ваше имя" type="text" tabindex="1" class="cme-txt" required autofocus>
    Ответ написан
    1 комментарий
  • Как создать макет страницы товара, отличный от других?

    @oleg_plotnik
    Разработчик
    Столкнулся со схожей проблемой. Решения в интернете не устроили. Сделал свой вариант, может кому пригодится.
    Добавляем в catalog\model\catalog\product.php новую функцию
    // получение пути шаблона
    public function getProductLayoutRoute($layout_id) {
    	$query = $this->db->query("SELECT * FROM " . DB_PREFIX . "layout_route WHERE layout_id = '" . (int)$layout_id . "'");
    	if ($query->num_rows) {
    		return $query->row['route'];
    	} else {
    		return "";
    	}
    }


    Меняем в catalog\controller\product\product.php строку
    $this->response->setOutput($this->load->view('product/product', $data));

    на
    $layout_id = $this->model_catalog_product->getProductLayoutId($product_id);
    if($layout_id) {
    	$route = $this->model_catalog_product->getProductLayoutRoute($layout_id);
    	// проверяем существование файла шаблона
    	$filepath = DIR_TEMPLATE . $this->config->get('config_theme') . '/template/' . $route . '.tpl';
    	if(file_exists($filepath)) {
    		$this->response->setOutput($this->load->view($route, $data));
    	} else {
    		$this->response->setOutput($this->load->view('product/product', $data));
    	}
    } else {
    	$this->response->setOutput($this->load->view('product/product', $data));
    }


    Далее, создаем копию product.tpl и называем его, скажем, zakaz.tpl. Контроллер копировать НЕ надо.
    В админке добавляем макет Zakaz, указываем путь к новому файлу шаблона product/zakaz (без tpl). Идем в товар, меняю ему дизайн с Product на Zakaz.
    Ответ написан
    2 комментария
  • Как отобразить фоновое видео на iphone ios safari?

    PiRmanAtE
    @PiRmanAtE
    Фронт-енд разработчик
    Возможно кому нибудь пригодится.
    Решил проблему добавлением атрибута playsinline
    <video preload="metadata" muted="muted" autoplay playsinline loop></video>
    Ответ написан
    1 комментарий
  • Как сделать скидку на товар в шаблоне Opencart через PHP?

    Immortal_pony
    @Immortal_pony
    Во-первых, если выполнить ваш код, то результат будет 193.71, а на 0.18. Проверьте, что в price у вас лежит именно то что вы написали.

    Во-вторых, формула для вычисления скидки у вас неправильная. Вы вычисляете 3%, а вам нужно уменьшить price на 3%. Например, так:

    $salePrice = $price - ($price/100*3);

    Ну и в шаблоне потом
    <?= $salePrice ?>
    Ответ написан
    Комментировать
  • Не могу установить ocStore 2.3.0.2.3 на php 7.2?

    @RikardoV
    Скорее всего Вы используете php 7.2, в нем mcrypt убрали как устаревшую функцию, верните на 7.1, для OpenCart 2.3 версия php выше не нужна.
    Ответ написан
    2 комментария