Перейти к содержанию

Рекомендуемые сообщения

Здравствуйте, уважаемые форумчане.

Модернизирую интернет-магазин на шаблоне MaxShop

У него есть замечательное боковое "плавающее" меню, которое называеты So Tools.

 

Так как возможности этого модуля ограничены (в настройках можно выбрать только включить или выключить вывод пункта) , то ищу похожий модуль, который выводит меню иконками, которое расположено сбоку как ярлык.

 

Чтобы было понятно, прикрепляю скриншот. Если можно, то могу прикрепить код, который выводит существующее меню в MaxShop, чтобы доработать его.

P.S. Еще видел такое меню на каком то китайском интернет-магазине, но на каком не нашел :(

screen-menu.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Оно? "So Quick Tools - Responsive Quick View Tools Function for OpenCart 3 & 2.x Module"

https://codecanyon.net/item/so-quick-tools-responsive-quick-view-tools-function-opencart-module/20207358

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
28 минут назад, Eldaeron сказал:

Оно? "So Quick Tools - Responsive Quick View Tools Function for OpenCart 3 & 2.x Module"

https://codecanyon.net/item/so-quick-tools-responsive-quick-view-tools-function-opencart-module/20207358

Да, все верно. Этот модуль уже был встроен в шаблон на который сейчас модернизирую старый сайт.

Его главный недостаток - ограниченность. Нельзя добавить что то свое (Иконка + Название + ссылка)

Похожих модулей не нашел, поэтому думаю стоит пилить этот, поэтому вставлю часть кода, которая выводит существующее меню:

Спойлер

<?php if (isset($settings['status']) && $settings['status'] == 1) {?>
<div id="so-groups" class="<?php echo $position?> so-groups-sticky hidden-xs" style="top: <?php echo $top.'px';?>">
	<?php if ($settings['show_category']) {?>
	<a class="sticky-categories" data-target="popup" data-popup="#popup-categories"><span><?php echo $text_head_categories;?></span><i class="fa fa-align-justify"></i></a>
	<?php }?>
	<?php if ($settings['show_cart']) {?>
	<a class="sticky-mycart" data-target="popup" data-popup="#popup-mycart"><span><?php echo $text_head_cart;?></span><i class="fa fa-shopping-cart"></i></a>
	<?php }?>
	<?php if ($settings['show_account']) {?>
	<a class="sticky-myaccount" data-target="popup" data-popup="#popup-myaccount"><span><?php echo $text_head_account;?></span><i class="fa fa-user"></i></a>
	<?php }?>
	<?php if ($settings['show_search']) {?>
	<a class="sticky-mysearch" data-target="popup" data-popup="#popup-mysearch"><span><?php echo $text_head_search;?></span><i class="fa fa-search"></i></a>
	<?php }?>
	<?php if ($settings['show_recent_product']) {?>
	<a class="sticky-recent" data-target="popup" data-popup="#popup-recent"><span><?php echo $text_head_recent_view;?></span><i class="fa fa-recent"></i></a>
	<?php }?>
	<?php if ($settings['show_backtop']) {?>
	<a class="sticky-backtop" data-target="scroll" data-scroll="html"><span><?php echo $text_head_gotop;?></span><i class="fa fa-angle-double-up"></i></a>
	<?php }?>

	<?php if ($settings['show_category']) {?>
	<div class="popup popup-categories popup-hidden" id="popup-categories">
		<div class="popup-screen">
			<div class="popup-position">
				<div class="popup-container popup-small">
					<div class="popup-header">
						<span><i class="fa fa-align-justify"></i><?php echo $text_all_categories?></span>
						<a class="popup-close" data-target="popup-close" data-popup-close="#popup-categories">&times;</a>
					</div>
					<div class="popup-content">
						<?php if (!empty($categories)) {?>
						<div class="nav-secondary">
							<ul>
								<?php foreach ($categories as $category) {?>
									<?php $childrens = $category['children'];?>
									<li>
										<?php if (!empty($childrens)) {?>
											<span class="nav-action">
												<i class="fa fa-plus more"></i>
												<i class="fa fa-minus less"></i>
											</span>
										<?php }?>
										<a href="<?php echo $category['href']?>"><i class="fa fa-chevron-down nav-arrow"></i><?php echo $category['name']?></a>
										<?php if (!empty($childrens)) {?>
											<ul class="level-2">
												<?php foreach ($childrens as $child) {?>
													<?php $subchildrens = $child['children'];?>
													<li>
														<?php if (!empty($subchildrens)) {?>
															<span class="nav-action">
																<i class="fa fa-plus more"></i>
																<i class="fa fa-minus less"></i>
															</span>
														<?php }?>
														<a href="<?php echo $child['href']?>"><i class="fa fa-chevron-right flip nav-arrow"></i><?php echo $child['name']?></a>
														<?php if (!empty($subchildrens)) {?>
															<ul class="level-3">
																<?php foreach ($subchildrens as $subchild) {?>
																	<li><a href="<?php echo $subchild['href']?>"><?php echo $subchild['name']?></a></li>
																<?php }?>
															</ul>
														<?php }?>
													</li>
												<?php }?>
											</ul>
										<?php }?>
									</li>
								<?php }?>
							</ul>
						</div>
						<?php }?>
					</div>
				</div>
			</div>
		</div>
	</div>
	<?php }?>

	<?php if ($settings['show_cart']) {?>
	<div class="popup popup-mycart popup-hidden" id="popup-mycart">
		<div class="popup-screen">
			<div class="popup-position">
				<div class="popup-container popup-small">
					<div class="popup-html">
						<div class="popup-header">
							<span><i class="fa fa-shopping-cart"></i><?php echo $text_shopping_cart?></span>
							<a class="popup-close" data-target="popup-close" data-popup-close="#popup-mycart">&times;</a>
						</div>
						<div class="popup-content">
							<div class="cart-header">
								<?php if ($products || $vouchers) { ?>
									<div class="notification gray">
										<p><?php echo $text_items_product?></p>
									</div>
									<table class="table table-striped">
										<?php foreach ($products as $product) { ?>
											<tr>
									  			<td class="text-left first">
									  				<?php if ($product['thumb']) { ?>
									    				<a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-thumbnail" /></a>
									    			<?php } ?>
									    		</td>
									  			<td class="text-left">
									  				<a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a>
									    			<?php if ($product['option']) { ?>
									    				<?php foreach ($product['option'] as $option) { ?>
									    					<br />
									    					- <small><?php echo $option['name']; ?> <?php echo $option['value']; ?></small>
									    				<?php } ?>
									    			<?php } ?>
									    			<?php if ($product['recurring']) { ?>
									    				<br />
									    				- <small><?php echo $text_recurring; ?> <?php echo $product['recurring']; ?></small>
									    			<?php } ?>
									    		</td>
									  			<td class="text-right">x <?php echo $product['quantity']; ?></td>
									  			<td class="text-right total-price"><?php echo $product['total']; ?></td>
									  			<td class="text-right last"><a href="javascript:;" onclick="cart.remove('<?php echo $product['cart_id']; ?>');" title="<?php echo $button_remove; ?>"><i class="fa fa-trash"></i></a></td>
											</tr>
										<?php } ?>
										<?php foreach ($vouchers as $voucher) { ?>
											<tr>
									  			<td class="text-left first"></td>
									  			<td class="text-left"><?php echo $voucher['description']; ?></td>
									  			<td class="text-right">x&nbsp;1</td>
									  			<td class="text-right"><?php echo $voucher['amount']; ?></td>
									  			<td class="text-right last"><a href="javascript:;" onclick="voucher.remove('<?php echo $voucher['key']; ?>');" title="<?php echo $button_remove; ?>"><i class="fa fa-trash"></i></a></td>
											</tr>
										<?php } ?>
									</table>
									<div class="cart-bottom">
										<table class="table table-striped">
									  		<?php foreach ($totals as $total) { ?>
									  			<tr>
									    			<td class="text-left"><strong><?php echo $total['title']; ?></strong></td>
									    			<td class="text-right"><?php echo $total['text']; ?></td>
									  			</tr>
									  		<?php } ?>
										</table>
										<p class="text-center">
											<a href="<?php echo $cart; ?>" class="btn btn-view-cart"><strong><?php echo $text_cart; ?></strong></a>
											<a href="<?php echo $checkout; ?>" class="btn btn-checkout"><strong><?php echo $text_checkout; ?></strong></a>
										</p>
									</div>
								<?php }else {?>
									<div class="notification gray">
										<i class="fa fa-shopping-cart info-icon"></i>
										<p><?php echo $text_empty?></p>
									</div>
								<?php }?>
							</div>
						</div>			
					</div>
				</div>
			</div>
		</div>
	</div>
	<?php }?>

	<?php if ($settings['show_account']) {?>
	<div class="popup popup-myaccount popup-hidden" id="popup-myaccount">
		<div class="popup-screen">
			<div class="popup-position">
				<div class="popup-container popup-small">
					<div class="popup-html">
						<div class="popup-header">
							<span><i class="fa fa-user"></i><?php echo $text_my_account?></span>
							<a class="popup-close" data-target="popup-close" data-popup-close="#popup-myaccount">&times;</a>
						</div>
						<div class="popup-content">
							<div class="form-content">
								<div class="row space">
									<div class="col col-sm-6 col-xs-12">
										<div class="form-box">
											<form action="<?php echo $action_currency?>" method="post" enctype="multipart/form-data" id="sticky-form-currency">
												<label class="label-top" for="input-language"><span><?php echo $text_currency?></span></label>
												<select name="select-currency" id="input-currency" class="field icon dark arrow">
													<?php foreach ($currencies as $currency) {?>
														<?php if ($currency['symbol_left']) { ?>
															<option value="<?php echo $currency['code']; ?>" <?php if ($code == $currency['code']) echo 'selected="selected"'?>><?php echo $currency['symbol_left']; ?> <?php echo $currency['title']; ?></option>
														<?php }else {?>
															<option value="<?php echo $currency['code']; ?>" <?php if ($code == $currency['code']) echo 'selected="selected"'?>><?php echo $currency['symbol_right']; ?> <?php echo $currency['title']; ?></option>
														<?php }?>
													<?php }?>											
												</select>
												<input type="hidden" name="code" value="">
												<input type="hidden" name="redirect" value="<?php echo $redirect_currency?>">
											</form>
										</div>
									</div>
									<div class="col col-sm-6 col-xs-12">
										<div class="form-box">
											<form action="<?php echo $action_language?>" method="post" enctype="multipart/form-data" id="sticky-form-language">
												<label class="label-top" for="input-language"><span><?php echo $text_language?></span></label>
												<select name="select-language" id="input-language" class="field icon dark arrow">
													<?php foreach ($languages as $language) {?>
														<?php if ($language['code'] == $code) { ?>
															<option value="<?php echo $language['code']?>" selected="selected"><?php echo $language['name']?></option>
														<?php }else{?>
															<option value="<?php echo $language['code']?>"><?php echo $language['name']?></option>
														<?php }?>
													<?php }?>
												</select>
												<input type="hidden" name="code" value="">
												<input type="hidden" name="redirect" value="<?php echo $redirect_language?>">
											</form>
										</div>
									</div>
									<div class="col col-sm-12">
										<div class="form-box">
											<div class="hr show"></div>
										</div>
									</div>
									<div class="col col-sm-4 col-xs-6 txt-center">
										<div class="form-box">
											<a class="account-url" href="<?php echo $link_order?>">
												<span class="ico ico-32 ico-sm"><i class="fa fa-history"></i></span><br>
												<span class="account-txt"><?php echo $text_history?></span>
											</a>
										</div>
									</div>
									<div class="col col-sm-4 col-xs-6 txt-center">
										<div class="form-box">
											<a class="account-url" href="<?php echo $link_cart?>">
												<span class="ico ico-32 ico-sm"><i class="fa fa-shoppingcart"></i></span><br>
												<span class="account-txt"><?php echo $text_shopping_cart?></span>
											</a>
										</div>
									</div>
									<div class="col col-sm-4 col-xs-6 txt-center">
										<div class="form-box">
											<a class="account-url" href="<?php echo $link_register?>">
												<span class="ico ico-32 ico-sm"><i class="fa fa-register"></i></span><br>
												<span class="account-txt"><?php echo $text_register?></span>
											</a>
										</div>
									</div>
									<div class="col col-sm-4 col-xs-6 txt-center">
										<div class="form-box">
											<a class="account-url" href="<?php echo $link_account?>">
												<span class="ico ico-32 ico-sm"><i class="fa fa-account"></i></span><br>
												<span class="account-txt"><?php echo $text_account?></span>
											</a>
										</div>
									</div>
									<div class="col col-sm-4 col-xs-6 txt-center">
										<div class="form-box">
											<a class="account-url" href="<?php echo $link_download?>">
												<span class="ico ico-32 ico-sm"><i class="fa fa-download"></i></span><br>
												<span class="account-txt"><?php echo $text_download?></span>
											</a>
										</div>
									</div>
									<div class="col col-sm-4 col-xs-6 txt-center">
										<div class="form-box">
											<a class="account-url" href="<?php echo $link_login?>">
												<span class="ico ico-32 ico-sm"><i class="fa fa-login"></i></span><br>
												<span class="account-txt"><?php echo $text_login?></span>
											</a>
										</div>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>					
					</div>
				</div>
			</div>
		</div>
	</div>
	<?php }?>

	<?php if ($settings['show_search']) {?>
	<div class="popup popup-mysearch popup-hidden" id="popup-mysearch">
		<div class="popup-screen">
			<div class="popup-position">
				<div class="popup-container popup-small">
					<div class="popup-html">
						<div class="popup-header">
							<span><i class="fa fa-search"></i><?php echo $text_search?></span>
							<a class="popup-close" data-target="popup-close" data-popup-close="#popup-mysearch">&times;</a>
						</div>
						<div class="popup-content">
							<div class="form-content">
								<div class="row space">
									<div class="col">
										<div class="form-box">
											<input type="text" name="search" value="" placeholder="Поиск товаров..." id="input-search" class="field" />
											<i class="fa fa-search sbmsearch"></i>
										</div>
									</div>
									<div class="col">
										<div class="form-box">
											<button type="button" id="button-search" class="btn button-search"><?php echo $text_search?></button>
										</div>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<?php }?>

	<?php if ($settings['show_recent_product']) {?>
	<div class="popup popup-recent popup-hidden" id="popup-recent">
		<div class="popup-screen">
			<div class="popup-position">
				<div class="popup-container popup-small">
					<div class="popup-html">
						<div class="popup-header">
							<span><i class="fa fa-recent"></i><?php echo $text_recent_products?></span>
							<a class="popup-close" data-target="popup-close" data-popup-close="#popup-recent">&times;</a>
						</div>
						<div class="popup-content">
							<div class="form-content">
								<div class="row space">
									<?php if (!empty($recent_products)) {?>
										<?php foreach ($recent_products as $product) {?>
											<div class="col col-sm-4 col-xs-6">
												<div class="form-box">
													<div class="item">
				                                        <div class="product-thumb transition">
								                        	<div class="image">
								                        		<?php if ($product['product_special']) {?>
																	<span class="bt-sale"><?php echo $product['product_discount'];?></span>
																<?php }?>
																<?php if ($product['product_new']) {?>
																	<span class="bt-new"><?php echo $text_new ?></span>
																<?php }?>
																<a href="<?php echo $product['product_href'];?>">
																	<img src="<?php echo $product['product_image'];?>" alt="<?php echo $product['product_name'];?>" class="img-responsive" >
																</a>
								                         	</div>
									                        <div class="caption">
		                                                        <h4 class="font-ct"><a href="<?php echo $product['product_href'];?>" title="<?php echo $product['product_name'];?>" ><?php echo $product['product_name'];?></a></h4>
		                                                        <?php if ($product['product_price']) { ?>
			                                                        <p class="price">
			                                                        	<?php if (!$product['product_special']) { ?>
										                                	<span class="price-new"><?php echo $product['product_price']; ?></span>
										                                <?php } else { ?>
										                                	<span class="price-new"><?php echo $product['product_special']; ?></span>
										                                	<span class="price-old"><?php echo $product['product_price']; ?></span>
										                                <?php } ?>
										                            </p>
		                                                    	<?php }?>
		                                                    </div>
		                                                    <div class="button-group">
		                                                    	<button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>');">
		                                                    		<span class=""><?php echo $button_cart; ?></span>
		                                                    	</button>
		                                                    </div>
			                                            </div>
				                                    </div>
												</div>
											</div>
										<?php }?>
									<?php }else {?>
										<div class="col col-xs-12">Вы еще ничего не смотрели</div>
									<?php }?>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<?php }?>
</div>
<?php }?>

 

CSS стили нужны? Там длинный файл.

В коде не силен, хотя частично понимаю о чем речь :) В css чуть больше разбираюсь. Опытные в Опенкарте, дайте совет, реально ли реализовать задуманное на основе этого модуля? Возможно многим пригодится, так как часто вижу в новых шаблонах этот встроенный модуль.

Изменено пользователем webmazahist666

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Если правильно Вас понял, Вы хотите с Гамбургер меню (☰) "Категорий" перенести их на главную модуля, в ряд? Все, или выборочные? Хотя, реально перенести и так и так)

Чтоб добавлять свое так же функционал нужно доделывать, но можно)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
15 часов назад, Eldaeron сказал:

Если правильно Вас понял, Вы хотите с Гамбургер меню (☰) "Категорий" перенести их на главную модуля, в ряд? Все, или выборочные? Хотя, реально перенести и так и так)

Чтоб добавлять свое так же функционал нужно доделывать, но можно)

Хотелось бы и сохранить меню категорий и вынести ключевые категории на показ, такие как смартфоны например. Это конечно не главная задача в модернизации магазина, НО очень бы хотелось это воплотить.

P.S. Удивительно, но неужели нет похожих модулей с таким функционалом?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От Pascha
      300.00 руб
      Скачать/Купить дополнение


      Боковое меню для мобильной версии сайта
      MMenu – это адаптивное многоуровневое меню для любого сайта.
      Вы сможете создать на своем сайте не только удобное, но и понятное меню, рассчитанное для всех устройств
      Реализовано на основе jquery.mmenu.js и адаптировано для ОС
      На данный момент реализован вывод категорий/подкатегорий, при необходимости можно добавить и другие пункты.
      Может применяться не только для мобильной версии, но и для "супердлинных" списков категорий
      Используется ocmod.  Установка через менеджер дополнений - стандартно.
      демо на дефолте (только для мобильных девайсов) - появляется при разрешении менее 991px)
      реальный магазин (отображение как для мобильных, так и десктоп)

      *тестировалось на дефолте, для шаблонов возможны мелкие правки и адаптация
       
      Добавил Pascha Добавлено 19.02.2018 Категория Меню, дизайн, внешний вид Системные требования Сайт разработчика https://paschaopencart.ru/ Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop  
    • От Pascha
      MMenu – это адаптивное многоуровневое меню для любого сайта.
      Вы сможете создать на своем сайте не только удобное, но и понятное меню, рассчитанное для всех устройств
      Реализовано на основе jquery.mmenu.js и адаптировано для ОС
      На данный момент реализован вывод категорий/подкатегорий, при необходимости можно добавить и другие пункты.
      Может применяться не только для мобильной версии, но и для "супердлинных" списков категорий
      Используется ocmod.  Установка через менеджер дополнений - стандартно.
      демо на дефолте (только для мобильных девайсов) - появляется при разрешении менее 991px)
      реальный магазин (отображение как для мобильных, так и десктоп)

      *тестировалось на дефолте, для шаблонов возможны мелкие правки и адаптация
       
    • От dog37
      Я новичок сильно не нападайте. Очень нужна помощь.Сижу вторую неделю сил больше нету ,не знаю как сделать в боковом меню несколько  категорий.
      У меня получается вот так:

      А нужно что бы было вот так.

      то есть две разные категории,с разными названиями.
       
    • От Ksondz
      Всем привет! У меня магазин на OcStore! 
      У моня при просмотре товаров не отображається обковое меню категорій і товаров

      Хочу штоби при  просмотре товаров отображалося боковоє меню товаров.

      Пасіба!
       
    • От supmener
      Можно ли из админки включить отображение бокового меню (ссылки оглавления сайта слева)? Или лучше это делать другими способами?
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.