Git Product home page Git Product logo

opencart-materialize's Introduction

Materialize template for OpenCart 2.3.x and OpenCart 3.x

OpenCart Materialize Logo Most of the topics for OpenCart (OCStore) used Bootstrap as the main framework. In this theme used the same Materialize CSS framework.

How it looks like

Main page Card product Category page
Main page Card product Category page

A good example of a working site


Differences from standard features OpenCart

The main difference of the template is the use of the Materialize framework, based on the principles of material design from Google. All the power of the framework has made it possible to achieve a beautiful, intuitive and adaptive design. Provided stunning view and responsiveness of the site both on desktops and on mobile devices. A principled and uncompromising approach with regard to download speed of the site allowed achieving actual fast download speeds and high scores on the sites of the testers.

The template is not limited to moving the work of OpenCart to the Materialize framework. A huge amount of standard functionality was processed. Integrated many unique technical solutions, many useful modules for convenient e-Commerce.

Due to the large number of changes, in order to support multilingual, some components require translation. By default, the template supports the following languages: English, Russian, Ukrainian, Turkish, Romanian and German. Here is who helped with the translation: Mitza Dragan, 123Dragon, Taner İnanır, Vlad Miklyaev, Teoxoy - thank you very much! You can also help with the translation of the template into your language or suggest edits for the translation, more details here.

Development support

Materialize Template is a free theme, if you like the work done and you have the opportunity, please support the financial development of the project through:

😁 Yandex.Money 😅 👍 PayPal 😇
Yandex.Money PayPal

Here are the main and global changes:

  • The CSS styles used are pre-merged into one file, compressed on the go and integrated into the pages of the site; this approach minimizes HTTP requests, eliminates the wait for the CSS file to load, and allows the browser to start rendering the page faster without jumps and unexpected sketches;
  • automatic generation of the most popular favicon sizes, to satisfy all requests for a variety of different devices;
  • in the header of the site the necessary contact information (phone, mail, call back order, working time) is displayed;
  • «Live search» starts immediately to search for the product as the query is entered in the search box;
  • The "Sizechart" module is integrated - do you sell clothes? Specify flexible table for each product and help to determine the right size for your customers;
  • integrated Blog module is a powerful and free tool at the service of the online store, write articles/news/posts, do reviews of product, create categories and subcategories, involve content managers, pointing them as the authors of the posts in the "Blog". Supported humanly understandable URL Default and SEOpro, Google Sitemap;
  • The module "Callback" is integrated - everything is very simple, customize the module to your liking and wait for call orders from your customers;
  • "Quick order" module is integrated - the module adds a "Quick order" button to the product page. The minimum and mandatory input field is the customer's phone (additional fields are configured in the administrator part), after which the module sends a message to your work mail (you need to register the order yourself);
  • on the product category page:
    • you can enable sorting taking into account the product "only in stock";
    • ajax filter without reloading the page;
    • the category description below the list of products — don't limit yourself to SEO optimization.
  • Yandex.Map is integrated on the contacts page with automatic determination of the address of the store;
  • integrated gif player;
  • manufacturers' logos have been added to the manufacturers page;
  • "Accept" button when editing the Goods, Category Pages, Blog Posts and Blog Categories.

Here's how the product card was reworked:

  • Micro-markup Schema.org is integrated;
  • convenient viewing of goods photos. Tandem lazy downloading images, a convenient image slider and modern pop-up galleries create a convenient and nice-looking image slider, providing a high download speed and convenient viewing on any device;
  • visible and display the product availability. The display automatically calculate the discount, attracting the attention of site visitors and have a positive impact on the purchase decision;
  • After adding the product to the comparison, the link to the product comparison page will always be visible;
  • product information includes the manufacturer's logo, the end date of the promotion, the article and a link to the product category;
  • you can add an unlimited number of additional information fields for each product;
  • It is possible to output a separate table of sizes for each product, if necessary;
  • automatic updating of prices on the page when selecting options;
  • options can have the status "default", allowing visitors to avoid unnecessary messages about the need to specify options when adding goods to the shopping cart;
  • integrated quick order module on product page;
  • you can add an unlimited number of additional tabs for each product;
  • the button add to cart you can disable in admin panel;
  • disabled automatic reverse linking for related products.

Several real-time tests

Installation and removal

For a secure installation, you use the local theme folder and 2 installer files (OCMod.xml and SQL), which allows you to rollback changes in the event of conflict ituations. In order to avoid unforeseen errors, make sure you back up the site.

Technologies used

😁 Yandex.Money 😅 👍 PayPal 😇
Yandex.Money PayPal

opencart-materialize's People

Contributors

mywk avatar obikenoby avatar teoxoy avatar trydalcoholic avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

opencart-materialize's Issues

Кнопка поделиться в товарах работает не всё

Здравствуйте!
Отсутствие знаний программирования заставляет писать снова.

ocStore 2.3.0.2.3+materialize2,3,ч
Не работает поделиться в whatsapp и viber с мобильного устройства.
Открывается пустая страница с адресом
whatsapp://send?text=...далее ссылка на товар
так же и в viber.
По идее на мобильном устройстве должно открывать соответствующее приложение.
В Default шаблоне это работает как я понимаю через https://www.addthis.com
Скажите пожалуйста как поправить ?
Заранее очень Вам признателен.

Undefined index: add_cart

i have install materialize in my store. but, i get some error. like this:

Notice: Undefined index: add_cart in /var/www/-oyur.com/upload/system/storage/modification/catalog/model/catalog/product.php on line 56

this error is triggered from this route:

/index.php?route=product/product&product_id=43

why it's happen? and how to solve?

Blog comment and blog breadcrumbs

Hello, in latest 2.3, i find the blog comment can not be post successfully.
Besides there are some bugs about blog breadcrumbs.
attached my modification, if necessary, pls update next time .

<file name="catalog/controller/blog/post.php">
	<operation error="skip" info="adjust blog post page breadcrumbs">
		<search><![CDATA[
			$this->load->model('blog/category');
		]]></search>
		<add position="before"><![CDATA[					
			$data['breadcrumbs'][] = array(
				'text' => $this->language->get('text_blog'),
				'href' => $this->url->link('blog/category')
			);
	]]></add>
	</operation>
</file>

<file name="catalog/controller/blog/search.php">
	<operation error="skip" info="adjust blog search page breadcrumbs">
		<search index="1"><![CDATA[
			$url = '';
		]]></search>
		<add position="before"><![CDATA[					
			$data['breadcrumbs'][] = array(
				'text' => $this->language->get('text_blog'),
				'href' => $this->url->link('blog/category')
			);
	]]></add>
	</operation>
	<operation error="skip" info="display tag in search result title">
		<search><![CDATA[
			$data['heading_title'] = $this->language->get('heading_title') .  ' - ' . $this->request->get['search'];
		]]></search>
		<add position="after"><![CDATA[					
			} elseif (isset($this->request->get['tag'])) {
			$data['heading_title'] = $this->language->get('heading_title') .  ' - ' . $this->language->get('heading_tag') . $this->request->get['tag'];
	]]></add>
	</operation>
</file>

<file name="catalog/language/en-gb/blog/search.php">
	<operation error="skip" info="adjust blog search page breadcrumbs">
		<search><![CDATA[
			$_['heading_title']		= 'Search';
		]]></search>
		<add position="before"><![CDATA[					
			$_['text_blog']						= 'Blog';
	]]></add>
	</operation>
</file>

<file name="catalog/language/en-gb/blog/post.php">
	<operation error="skip" info="adjust blog post page breadcrumbs">
		<search><![CDATA[
			$_['text_blog']						= 'Blog';
		]]></search>
		<add position="after"><![CDATA[					
			$_['text_search']						= 'Search';
	]]></add>
	</operation>
</file>

No guest checkout if item has an option

I have an item with two options:
image

If this item is in the shopping cart, the checkout doesn't have the GUEST checkout option, only the register an account option:
image

If I click on ok, there wasn't a selection of GUEST so it gives me an error.

backend editor

Hello appreciation for your excellent work.

I have a problem with the back-end editor. When insert image, it add a fixed width style, and in code view i can not remove this width style or add class for elements. How to return the original editor?

qq 20171124104516

opencart-materialize 3.х

При переходе в Контакты и Личный кабинет из шапки пишет
Контакты : Личный кабинет
Сравнение товаров : Сравнение товаров
Карта :дальше все как и в версии 2,3.х
дальше все как и в версии 2,3.х

З.Ы. Руссифицировал файл OCMOD по принципу 2.3.х

Консультация

Добрый день! Подскажите пожалуйста как:

  1. Сделать надпись "Категории" больше и не нарушить структуру дизайна?
  2. Края блоков сделать чётче и темнее? (Скриншот прилагаю).

default

  1. Правильно разорвать два блока, чтобы один переместился в левую сторону, а другой остался на правой стороне? (Скриншот прилагаю).

11112

Notice:Undefined index: size_chart

Hello, I installed the theme but I have the following error :

Notice
: Undefined index: size_chart in
/home/doterrar/public_html/vqmod/vqcache/vq2-catalog_model_catalog_product.php
on line
34.

can someone help me please?

После обновления ошибка!

Привет.
После обновления шаблона на версии 3.0.2.0 ошибка модуля Таблица размеров!
При отключении его он все равно активный, и при включении ничего не изменяется, до обновления все работало хорошо. Помоги пожалуйста разобраться с этим модулем.
Заранее спасибо.

Не обновляется

Здравствуйте! У меня возникли проблемы.

  1. Когда редактирую header или footer, а затем обновляю модификатора, то ничего не обновляется на сайте. Если посмотреть с помощью "Посмотреть кода страницы" браузера, то видно, что ничего не добавлено/убрано
  2. Когда захожу на определенную категорию, а там надпись "Ваша корзина пуста", но суть не в этом, а в том что товары на подкатегории не выводится на самой категории. Например: Есть категория "Samsung" и внутри подкатегория "S-series". Есть товар на подкатегории "S-series". По логике этот товар должен выводится и на категории "Samsung", и на подкатегории "S-series". Посмотрел ваш демо сайт и там как раз это есть. Но у себя не наблюдаю такую функцию.
    Сайт на ОС 3.0.2.0
    Спасибо заранее 👍

free_checkout.tpl button doesn't show text

I implemented free checkout (zero value item in the cart) and during checkout, the button to submit the order didn't have any text.

I replaced in free_checkout.tpl:
<button type="button" value="<?php echo $button_confirm; ?>" id="button-confirm" class="btn waves-effect waves-light red"></button>

With
<input type="button" value="<?php echo $button_confirm; ?>" id="button-confirm" class="btn waves-effect waves-light red" data-loading-text="<?php echo $text_loading; ?>" />

Now it works perfectly:
image

Список/сетка

Добрый день! Как сделать вывод товаров списком по умолчанию

Is it possible to add hover and active effect to chips ?

Hi!

Is it possible to add hover and active effect to chips ?

Добрый день!
Возможно ли добавить эффекты ( смена цвета при наведении и когда активный) для "чипсов" уж больно они скучные :)

Thanks.

Вопросы по настройке шаблона

Добрый день. В процессе настройки шаблона "под себя" возникли следующие вопросы. Буду очень благодарен если Вы поможете с ними разобраться.

  1. Как сопоставить размер бокового банера размеру отображаемой картинке, у меня всегда остаётся белая рамка по краям и как бы я не менял соотношения ширины и высоты проблема не решается.
  2. Как изменить ширину колонок товара который отображается на странице категорий? Колонки товара сделать уже чтобы они отображались в 3 ряда (вместо двух по умолчанию).
  3. Как на странице продукта (в верхней боковой части страницы) вывести модель товара?
  4. Как добавить карту гугл вместо яндекса в разделе контактов?
    P.S. Спасибо за шаблон, среди множества существующих считаю это более оптимальный вариант для интернет магазина на opencart.

Good afternoon. During the process of setting up the template "for yourself" the following questions arose. I will be very grateful if you will help to sort them out.
How to compare the size of the side banner to the size of the displayed image, I always have a white border around the edges and how I would not change the width and height ratio the problem is not solved.
How do I change the column width of a product that appears on the category page? Columns of the goods to make already that they were displayed in 3 rows (instead of the two by default).
How do I display a product model on the product page (at the top of the page)?
How do I add a Google map instead of Yandex in the contacts section?
P.S. Thanks for the template, among the many existing ones, I think this is the best option for an online store on opencart.

Reviews now working

The reviews are not working, even when the customer is signed in, the review doesn't save.
I will look at the code and see if there is an issue that I can see.

My account > Address book

Hello, i found a small mistake
/upload/catalog/view/theme/materialize/template/account/address_form.tpl
$('select[name=\'zone_id\']').html(html);
please add this line below: $('select').material_select();
or the region can not be selected

Mistake in PDF documentation

Hi,

On page 10 need to replace lazoload to lazyload

replace
Add the lazoload class to the img tag;

to
Add the lazyload class to the img tag;

Thanks

Twig changes not saved (some files, not all)

Describe your actions

Editing header.twig and footer.twig (haven't tried other files) allows me to make changes to some parts of the file and have them save / take effect, but not others. For example, I try removing / adding links to the header navbar (2 lines below {{ menu_side }}), and the changes are not made.

Or in the footer file, I try to remove the placeholder lorem ipsum with a language file value and remove the "Brands" link from the footer. The link is removed, but the new language variable is not loaded. In addition, when editing these twig files, every time I load them up, they go back to the what the twig file started as (ie, any changes that were made and saved become erased).

Side note, I also can make changes to these twig files in cPanel and have them save, but the changes aren't loaded. I've made custom pages through cPanel, so I'm not sure if this is related to it or not.

Expected behavior

Changes should be made, and the files should not reset.

Indicate if possible

Up to date Chrome
3.0.2.0

Automatic currency conversion

Hello!
When I enter the lei currency (my country's currency), it does not automatically update, by default 0.000000. The System / Settings / Location / Automatic Currency Update setting is YES.

Wrong URL in ld+json on header.tpl page

Hi there!

Glad to meet you. Check please the URL in header.tpl
"target": "https://materialize.myefforts.ru/index.php?route=product/search&search={query}",

{
	"@context": "http://schema.org",
	"@type": "WebSite",
	"url": "<?php echo $base; ?>",
	"name": "<?php echo $title; ?>",
	<?php if ($description) { ?>
	"alternateName": "<?php echo $description; ?>",
	<?php } ?>
	"potentialAction": {
		"@type": "SearchAction",
		"target": "https://materialize.myefforts.ru/index.php?route=product/search&search={query}",
		"query-input": "required name=query"
	}
}
</script>

I think this is wrong :)

In Russian:

Добрый день!
Очень понравилась ваша тема. Редко встретишь из коробки ld+json, shema.org, скрипты и стили минимизированные и собраные в один файл.
Короче, я восхищен столь грамотным и продуманным отношением к времени загрузки магазина и SEO!

А вот в header.tpl неверно указана ссылка. Возможно нужна переменная, но мне кажется формат ld+json не допускает переменных. Если так, думаю нужно отразить в документации, что нужно изменить URL руками.

Спасибо, подписался на вас.

blog

hello, thanks for this excellent theme. I made the installations and finally it's ok. No error occurs.
But I can not add articles because the blog section does not appear in the admin section.
Can you help me please?

Связка OcStore2.3.0.2.3 + Materialize opencart_2.3.x ошибка Google Maps

Связка OcStore2.3.0.2.3 + Materialize opencart_2.3.x
Была проблема, при клике на кнопку карты, на странице контакты
открывалась карта с ошибкой "по вашему запросу ни чего не найдено"
При ближайшем рассмотрении оказалось что кнопка, вместо геокода
отправляла всего одну запятую.
Поправил взяв часть кода из:
. . . . . /catalog/view/theme/default/template/information/contact.tpl
и вставил в:
. . . . . /catalog/view/theme/materialize/template/information/contact.tpl

Было в contact.tpl строка 64-65
<?php if ($google) { ?> <a href="//maps.google.com/maps?q=<?php echo $lat; ?>,<?php echo $lng; ?>&hl=<?php echo $geocode_hl; ?>&t=m&z=15" class="btn-floating btn-large halfway-fab waves-effect waves-light blue" title="<?php echo $text_view_map; ?>" target="_blank" rel="noopener"><i class="material-icons">map</i></a>
Стало: в contact.tpl строка 64-65

<?php if ($geocode) { ?> <a href="https://maps.google.com/maps?q=<?php echo urlencode($geocode); ?>&hl=<?php echo $geocode_hl; ?>&t=m&z=15" class="btn-floating btn-large halfway-fab waves-effect waves-light blue" title="<?php echo $text_view_map; ?>" target="_blank" rel="noopener"><i class="material-icons">map</i></a>

Теперь все работает как положено.
Если кому поможет, рад от души.
Всех благ и с наступающим 2018
`

Abouy add to cart ( More detailed)

Hi.

When i try to setup in phpmyadmin page, i have one error:
SQL query:
ALTER TABLE oc_product_description ADD size_chart TEXT NOT NULL
MySQL said:
#1046 - No database selected

After i finished the setup ; i want to click to products but there is fattal error, you sen see now at : www.sanatbuya.com

İf you can look this and answer, i will be happy :)

Thank you :)

Links are blocked

Links are blocked from product description.
The link does not open by click.

Обратный звонок

Здравствуйте! Я включил модуль "Обратный звонок". Вот например кто-то оставил свой номер. Где можно найти этот номер в админке? Спасибо

I have a problem

I have a problem

Give instructions on how to translate this template?

(LOW PRIORITY) Russian language in the english template

I know how to myself it directly, this is just an improvement down the road for people who cannot modify code:
Product detail page
image

Hovering on the comparison button:

<a id="compare-btn" href="http://www.racingking.ca/open/index.php?route=product/compare" class="btn-floating btn-large waves-effect waves-light blue z-depth-4 scale-transition pulse " title="Список сравнения" rel="nofollow">
		<i class="material-icons">compare_arrows</i>
		<small id="compare-total" class="light-blue darken-2 btn-floating z-depth-1 pulse">3</small>
	</a>

There is also the hover on the SAVE and STAY button on the admin side, but it doesn't' bother me at all.
You have done an amazing job with the template, I am extremely grateful and I have happy to help debug.

Обратная связь

Когда клиент оформляет обратный звонок где он отображается?
И еще вопрос как из карточки товара убрать блок "Оплата наличными и банковскими картами"

[IMPROVEMENT] Email verification script

The email verification script checks for the "@" symbol only.
So if you have email@email, it is valid.

Can we use this function to validate the email?
$email = test_input($_POST["email"]); if (!filter_var($email, FILTER_VALIDATE_EMAIL)) { $emailErr = "Invalid email format"; }

[IMPROVMENTS] Keep Formatting of payment extension by using bootstrap

If a new payment extension is installed, it doesn't have any bootstrap (even a light one) to rely on for CSS styling. The new extension will not be formatted properly.

Will be it possible somehow to include a very light version of bootstrap somehow for payment extensions?
I use this one but I am sure that it could be lighter:

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=4dd4d2a092b065d55dad30b2c9da5adb)
 * Config saved to config.json and https://gist.github.com/4dd4d2a092b065d55dad30b2c9da5adb
 */

Contact

Hello,

I think you shold use google maps on information/contact instead yandex maps because yandex donnt showing maps from my country.

Thanks

Undefined index: size_chart

image

Undefined index: size_chart in /u01/www/www.peacefulacre.com/test/storage/modification/catalog/model/catalog/product.php

I get this as soon as I install the theme.

Is there a way to remove the size chart?

Button "add to card" move up if discount enabled

If discont enabled the "add to cart" button move upp across the discription of the product.

Опять я, со своей "эстетикой".
Проблема вот в чем. Если у товара есть скидка, появляется новое поле и кнопка "добавить в корзину" уползает вверх и перекрывает описание товара.

Это конечно не большая беда, но мы ведь делаем идеальную тему :)
Спасибо.

basket1

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.