Discussion on Matrix Responsive Masonry OpenCart Theme

118 comments found

Hi,

Your theme is really very very beautiful!

Before I purchase, may I know if it is possible to add menus such as ‘Latest Product’, ‘Specials’, etc. in the header or footer area?

Thank you very much!

Default-user

Thank you very much for your reply! Text is fine with me, no problem.

Regarding the addon extensions, please kindly advise if below are compatible with your theme:

1. http://www.opencart.com/index.php?route=extension/extension/info&extension_id=9594&filter_search=custom%20tab

2. http://www.opencart.com/index.php?route=extension/extension/info&extension_id=17351&filter_search=multiple%20filter

If I purchase any other extensions applied to your theme, is there anything I need to be aware of?

Thanks a lot!!!

Default-user

Sorry, I forget to ask a very important question.

Is it possible to apply the ‘Portfolio’ & ‘Blog’ in your HTML version to the Opencart version? I really need these 2 features. Please kindly advise.

Thank you so much!!!

nicole_89

Hi

The first extension might work without problems but the second I’m not sure because it states that it works with ajax requests and this might conflict with the theme ajax code.

Portfolio from html page is very similar with the category page but opencart does not have a portoflio feature, only categories, blog support is missing from the theme and I currently don’t have enough time to add support for it.

I have quite a lot of images that only work best in portrait mode.While looking at a product list, is there a good way to be able to view the entire image without cutting off the top and bottom?

nicole_89

Send me your store url and I will check why is not working.

Default-user

Found out it was a problem with firefox cache not updating, thanks for the help and amazing theme!

nicole_89

Thank you.

Hi,

When I click a product image to see product details, I can’t see the image I just clicked in the product page. Is there something wrong?

Thanks!

Default-user

Thank you very much for your reply! Yes, I can see it now. A small suggestion: if the main product image could be first one, not the last one, in the slider would help user recognize it’s the product which he/she just clicked. :)

nicole_89

I just used the default opencart behaviour but I think is better to be first, thanks for the suggestion.

Hi. I love the theme by the way.. But i customized the main site logo. It looks great on computers, but when i view my store on an iPhone, the logo is cut off. How can I get the logo to automatically downsize to work well with the iPhone.??. www.nicolesbreastfriends.com is the site

nicole_89

Hi

Thank you. You need to force the logo to have a smaller width on mobile, you can do this by editing stylesheet/responsive.css line 952 and line 379 look for #header #logo a img and add max-width:200px; or less depending on how it looks better.

#header #logo a img
{
   max-width:200px;
}

I saw that you are using a white background for header you need to make the menu black to be visible you can do this by either updating nico_theme_editor/styles/main_color-white.css from the latest update and resaving the theme panel or by directly adding

.dl-menuwrapper button:after {
  background: none repeat scroll 0 0 #333333;
  box-shadow: 0 8px 0 #333333, 0 16px 0 #333333;
}

.dl-menuwrapper li a 
{
  color: #333333;
}

.no-touch .dl-menuwrapper li a:hover {
  background: #333;
  color: #fff;
}

#search input {
  background: #eee;
  color: #333;
}

to stylesheet/stylesheet.css

I have a feature request. The way I have my site laid out only shows the Add To Cart button for each product. I need to have several artists on each page, and it would be useful to be able to show the “Manufacturer” for each product instead of having to list it within each product name. Same thing with quantity as every so often an artist will create several products that are similar enough to be grouped within a single image. Even having “QTY: 1” displayed for each item lets people know that what they are getting is unique.

nicole_89

Theme configuration file looks fine on your store, please check your php logs, it might be an error in the code, you can also send me temporary ftp and php logs access and I will check why is not showing.

Default-user

The categories I had listed were not set to display at top, which disables the entire top menu including the home button. I’m learning OpenCart for the first time, definitely have a ways to go :)

nicole_89

I’m glad it works :)

Hi,

I notice that the page download speed of your demo site is quite fast. May I know if you use VPS or just a common shared hosting? Is there anything I need to be aware of when choosing a hosting provider of your theme?

Thanks!

nicole_89

I use a dedicated server from www.leaseweb.us but probably a vps is enough if you don’t have too much traffic maybe even a shared hosting, latency matters so it’s better to have your website hosted in a data center close to your target audience.

I had been researching and testing out “Online Catalog” services for weeks, and your theme is not only the best pricing but the most sophisticated as well. I’ve visited many wholesale websites in my industry, and just briefly I’ve begun to create the best wholesale website I’ve ever seen at conspiracysales.com. I am only barely familiar with HTML and Javascript, and I would gladly pay for premium support with the possibility of feature prioritization. I can’t get this type of quality from any other service and would happily pay more :)

Default-user

I guess these comments don’t support Unicode characters, the question marks were supposed to be down arrows.

nicole_89

You can have text on the menu button by adding the following css to responsive.cs

.dl-menuwrapper button:after {
  background: none repeat scroll 0 0 rgb(255, 255, 255);
  box-shadow: 0 8px 0 rgb(255, 255, 255), 0 16px 0 rgb(255, 255, 255);
  content: "";
  height: 3px;
  left: 10px;
  margin-right: 10px;
  position: absolute;
  top: 8px;
  width: 30px;
}

.dl-menuwrapper button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: rgb(255, 255, 255);
  cursor: pointer;
  float: right;
  font-weight: 600;
  height: 40px;
  outline: medium none;
  overflow: hidden;
  padding-left: 40px;
  position: absolute;
  right: 0;
  text-indent: 0;
  top: -2px;
  width: 130px;
}

The text can be changed from template/common/header.tpl

Moving the menu in another position involves major changes to header and this involves testing on many mobile devices, it’s too time consuming.

Default-user

Sorry it took so long to tell you thanks it works perfectly and thanks for all the help!

Hi Nicole, hope all is well.

What changes were made in the latest release?

nicole_89

Hi

I added main product image to product gallery slider, now the image from product grid is displayed first in the product gallery, changed file /template/product/product.tpl

Hi,

I just installed the theme and am trying to get everything set up. On the homepage, I was able to customize images on the slider, but there are no products/images other than that showing up. How can I fix this?

nicole_89

Hi

You need to add latest/featured module on homepage from opencart admin > extensions > modules, they are usually added by default after opencart installation.

Default-user

Got it. However, now those images are extremely distorted and the slider has an identical slider directly behind it that’s distorted as well. I sent you an email with my website and how to access it to better explain the problems I’m having.

nicole_89

I answered to your email but I don’t see any problem with the slider, do you still have a problem with the slider?

Been doing quite a bit of testing with various devices, here is what I found so far: 2 instances of menu problems within stock browser in kitkat android. Chrome browser seems to work fine on those same devices. Using the touch interface on Internet explorer windows 8 does not seem to work. Chrome On Touch Interface Windows 8 only works if user slides their finger after pressing the menu item. Otherwise it opens up the category page instead of allowing to view the submenu.

Default-user

To clarify, two seperate devices both running Stock versions of android v4.4 . “KitKat” using the default browser. Also, 5 days ago Samsung Galaxy started pushing the kitkat update to all of their devices, so you will probably see this situation popping up more frequently in the near future. I only got their android version when asking and not their device type.

Default-user

Oops, misinformation. They’ve been releasing it to their products for months but it’s been very slow

nicole_89

I just demo store on android 4.4 on a samsung device and menu looks fine, did you test my also my demo store or only your store on anrdoid 4.4?

Please also test my demo store it might not be a theme bug but something related to customizations.

Hi Nicole,

If you have a large screen as I (34”, 21:9) and maximized the side, there are only three image columns. How can I customize that more images are displayed by prolonged width. A good example here is www.supermauro.ch. So the wider the more images are displayed. The images are the same size but always about. Only the number of images changes. It’s best to look on the side of super mauro.

Which file do I change this? Or can you tell me quickly send the edited files :)? That would be very sweet: P

Thank you very much Robin

Are you going to make the theme compatible with OpenCart 2.0 prior to OpenCart 2.0’s official release?

Found a bug in the product image pop up (when the main product image is clicked). The total number of images seems to be incorrect (off by 2). This issue is also present in your demo store.

nicole_89

I’m sorry but I don’t understand the bug, could you provide a screenshot or a more detailed explanation?

nicole_89

Found it, after the update is approved you need to update template/product/product.tpl

Default-user

Right on! Thanks so much Nicole! Thanks for keeping up the good work and support! Much appreciated.

tglarsen Purchased

How can I control the thumbnails being showed for each product? I have added two pictures for a product. The main picture is added under the “data”-tab on the products page and the other is added on the Image-tab also under the same product. When I then go to the product on the webshop only the main picture is shown in the thumbnail preview on this specific product. The other picture is there as well as I can use the arrows to show it, but it is not visible in the thumnail preview below the large image.

Default-user
tglarsen Purchased

sure, what email can use to contact you?

nicole_89

I can’t post my email address here, can you retry sending the message using the contact form or leave your email address here and flag the comment later to remove it.

nicole_89

Email sent, you can flag your comment.

The quick view does not open in a pop-up?! Guess the fancy box is not properly configured. Please check. We are interested in this theme.

Default-user

Any browser – chrome/firefox, its the same issue. 2 scroll bars nearby (after i open quick view) and close button of the popup in center! A small size popup (instead of full screen) , wouldnt that have been better?

nicole_89

I added popup width and height settings in customize theme > settings > popup you can enter percent or pixel values.

The scrollbar is shown only if the description is longer or there are product options, if you really want to hide it just add

#cboxLoadedContent 
{
    overflow: hidden !important;
}

to stylesheet/stylesheet.css

jrusi Purchased

Hi, After user is logged in I can’t find anywhere “Logout” button. I’ve tried adding it from Extensions -> Modules -> Account but it is not showing up. How can I add Account to the top menu?

nicole_89

Hi

You can show login/logout link in header from customize theme > options > header > show welcome visitor

Default-user
jrusi Purchased

Thx a lot this worked! One other thing is that when I log out I can still see “Logged in as USER” on the top. It is there until I refresh with F5 or use browser’s refresh button.

nicole_89

Hi

You can disable ajax for logout link by adding no_ajax class to force page refresh by editing /catalog/language/english/common/header.php and change

$_['text_logged']         = 'You are logged in as <a href="%s">%s</a> <b>(</b> <a href="%s">Logout</a> <b>)</b>';

to

$_['text_logged']         = 'You are logged in as <a class="no_ajax" href="%s">%s</a> <b>(</b> <a href="%s">Logout</a> <b>)</b>';
eroll Purchased

Hi Nicole,

How/where do i manage the header menu ? (like the one in your demo: Home/Sliders/Categories)

Thanks Eroll

eroll
eroll Purchased

Forget my above post ;-) i got it. Thanks

indextor Purchased

Hi, I found a little bug.

Open your site via:

http://quirktools.com/screenfly/#u=http%3A//matrix.nicolette.ro&w=1024&h=600&a=1&s=1

Open a product with Iphone 5 and select the landscape mode. Scroll down..

Can you fix this issue? Thanks and great work so far!

nicole_89

Hi

What bug should I see? could you send me a screenshot? I couldn’t find any bug using the tool you provided, here are some screenshots with iphone5 landscape options after scroll.http://imgur.com/a/uKLs1

Default-user
indextor Purchased

Thanks for response! You have to open a product page and than scroll down

nicole_89

Sorry, I missed the open product part :) I checked on opened product page and I saw that related products images were smaller than screen width, is this the bug you are referring?

I fixed it, you need to add

.prod .mask {
   height:350px;
}   
.box-product div.image img 
{
    width:100%;
}
.box-product > div, .product-grid > div
{
    width:100%;
}

in stylesheet.css or update the file after the update is approved.

by
by
by
by
by
by