|
Hi,
I have been using burn engine for a while but I have recently started experimenting with the built-in megamenu and I am having a slight problem with 2 aspects of it, I am just wondering if you can offer assistance or an insight as to where I can modify code….
1. Category images are not aligned correctly and do not link to the category pages
At the moment only the category text links through to the page and I would like the images to also link through as customers will intuitively click the image not the text.
I would also like the images to be centered like the text, but I cannot center the images without using:
.tb_subcategories img{
margin:auto;
padding:10px;
}
this works well on desktop but not very well on the mobile and tablet views, I have attached screenshot of desktop and mobile view so you can see how the category images appear. Also the website can be seen working live at http://sure-sleep.com
2. Brand images link through to “/category/brand/” and not just “/brand/” as I would like
Clicking the brand images on the megamenu gives me an error…
Warning: Division by zero in /home/djeweb88/public_html/sure-sleep.com/system/vendor/BurnEngine/catalog/controller/BrandCategoryController.php on line 104Notice: Error: Could not load template /home/djeweb88/public_html/sure-sleep.com/catalog/view/theme/default/template/BurnEngine/template/product/special.tpl! in /home/djeweb88/public_html/sure-sleep.com/system/storage/modification/system/library/template/basic.php on line 26
However, I would like these brand links to just link directly to the brand pages.
e.g. in the screenshot you can see the “Deluxe Beds” brand links to http://sure-sleep.com/beds/deluxe-beds/ and I would like it to link to http://sure-sleep.com/deluxe-beds/
It appears there is a file called special.tpl that is missing from the default theme folder, however I am not too fussed about getting the category brand working and would be happy for these links just to show all products from the specific manufacturer.
All of these can be tested by going to http://sure-sleep.com I can provide ftp and opencart admin details if you require them.
Thanks,
Danny!
-
This reply was modified 2682 days ago by
 djeweb. Reason: clearing up typing mistakes
|
|
|
Hi Danny,
1) Generally, category images were designed to work with subcategories. This is the reason the thumbnail goes to the right. You could fix the problem by adding this extra CSS:
@media (max-width: 768px) {
.tb_menu_category_59 .tb_subcategories .thumbnail {
float: none !important;
}
}
The above CSS is scoped by a category. You could remove the first class if you want to apply this for all menus.
2) The two different brand links you’ve given as an example show different content. First one shows products filtered by brand and category and is a custom theme feature. The second link will show all your products filtered by brand only.
We will need admin and ftp access, so we can check the PHP error issue.
You can use hidepost to share private information with the support staff.
BR,
ThemeBurn team
|
|
|
Thankyou for clearing that up for me.
But could you also let me know how I can get these subcategory images to also link through to the category page, just like the subcategory text does?
-
This reply was modified 2681 days ago by djeweb.
|
|
|
Update:
The same PHP error is occuring on both BEDS and MATTRESSES megamenu items, however with the BEDS dropdown it is simply adding a category before the brand
e.g.
http://sure-sleep.com/beds/deluxe-beds/
which would be fine if the PHP error wasn’t occuring,
however on the MATTRESSES dropdown, the brand icons are linking to:
http://sure-sleep.com/mattress/mattresses/deluxe-beds/
where my category is called mattresses, but i have no category called mattress and is quite a messy URL anyway
Thanks,
hope you can find something that would correct this, or possibly just link all brand dropdown icons directly to the brand pages
e.g.
http://sure-sleep.com/deluxe-beds/
as I don’t really have a need to split the brands into categories
|
|
|
Hi,
1) Here is some custom CSS that will make images clickable too:
.tb_megamenu li[data-thumb] > a {
position: relative;
z-index: 1;
padding-bottom: 120px;
}
.tb_megamenu li[data-thumb] > a + .thumbnail {
margin-top: -120px;
}
Have in mind that this code is based on image height and should be modified, if height of the image is changed.
2) We see now that your theme/framework version is a bit old. We’ve already fixed an error that is related to the custom category and brand filter in the menu. Can you please update your theme?
BR,
ThemeBurn team
|
|
|
I saw this thread and was interested if you do not mind..
I tried adding the custom CSS that will make images clickable too using height of 225px:
.tb_megamenu li[data-thumb] > a {
position: relative;
z-index: 1;
padding-bottom: 225px;
}
.tb_megamenu li[data-thumb] > a + .thumbnail {
margin-top: -225px;
}
However, I did not have success with this, is there something else you might recommend?
|
|
|
Hey, I just disabled the Megamenu so never mind..
|
|
|
@tacm222
If you still need that megamenu, open a new topic and provide the website url.
|
|
|
What’s the best way to update the theme?
Download the latest copy and overwrite the old copy? or do you have an auto-installer type script?
I am just always cautious when updating themes as I often edit code and this would obviously be lost with an update.
|
|
|
Hi,
Unfortunately, OpenCart does not provide an auto updater options. Copy and replace is the only way for the moment.
If you haven’t touched any theme files, overwriting files should not be a problem. Theme settings are being kept.
P.S. It is always good to have a working backup just in case.
BR,
ThemeBurn team
|
|
