Where is the "clearfix" DIV in OpenCart's featured.tpl - templates

I am trying to locate the "clearfix" DIV in OpenCart's "featured.tpl", which is inserted in the live site but is not present in the actual template file.
In the latest version of OpenCart, 2.0.2.0, and probably in older versions, for a reason I don't fathom, an extra DIV is inserted after the second featured product DIV.
<div class="clearfix visible-md visible-sm"></div>
I have examined every template file in the theme (default) but I can't find it. Is it perhaps inserted by JavaScript? If so, how and where - and why?
I just want to get rid it.

Opencart 2.X is Responsive. Here column left and column right are dynamic according to module assigned. So Opencart Checks for the module and then decides the column width, ie full width or two column or 3 column and adds the class accordingly.
catalog/view/javascript/common.js:33
Here you can find the script that is used to add clear fix.

Related

Customized section below quick info section developed in Sitecore 7 behaving differently in Sitecore 8

I created a custom section named Created/Updated in Sitecore 7 just below the default “Quick info” section as shown below:
Recently we migrated our project from Sitecore 7 to Sitecore 8 but “Created/Updated” section developed by us is no more looking like quick info of Sitecore 7.
The code is similar to Quick info default code used in Sitecore.Shell.Applications.ContentEditor.Pipelines.RenderContentEditor namespace in Sitecore.Client.dll
As shown above the fields present in “Created/Updated” are not looking like “Quick info” section. Instead, we can see a distinct table and rows for fields and width of these fields is less because of which entire time in Created Time field is not visible at the moment and it is getting cropped. I am not sure how it changed in Sitecore8 and how it can be switched back to the correct view like Quick info of Sitecore 7.
Instead of outputting <input> HTML in your second column, just do straight values.
You will need to change CSS for your custom component.
First of all, make sure first column has fixed width and second column has nowrap style set:
td:nth-of-type(1) { width: 110px; }
td { white-space: nowrap; }
This will make second column that contains info to occupy whole rest of space after first column.
Important: CSS order does matter; also you would prefix td from example above with selector of your parent container element for your custom panel (not to mess with rest of tables on a page).
Also, you'd probably want to remove borders, to have look and feel like Quick View section has, but from your post it is unclear which element makes borders, likely to be the same TD.
Hope this helps!

How to make vertical navigation bar in Opencart v2.0.1.1?

I am using Opencart V2.0.1.1. Please suggest how to change the default Opencart navigation bar(Horizontal) to the Vertical. With Sub-Categories popping in right side.
In catalog/view/theme/default/template/common/header.tpl remove the nav id="menu" tag and all that is inside it.
Then in the admin, go to System>Design>Layouts>Home and add the Category module to either Column Right or Column Left, whichever you prefer.
Actually you may need to add it to every route that you want it to appear since the header is called in every template. Experiment and see how it goes.

How to create a left side bar on APEX 4.0 and open each value in a specific region?

Im a little newbie working with Aplication Express, I want to create an aplication which its structure could be something like this example.
http://apex.oracle.com/pls/apex/f?p=36648:1:110593396161288::NO
Anyone have some ideas to create it?
I just tried creating a List from Shared Components and then set it in a region with Page Region Template Position 3 and another Chart Region with Page Template Body (3), but in my case the side bar is placed on the right when I want it on the left... I have tried all the Template Position combination as possible.
Also when I click a value from the list, the page is opened on another tab. How can I open it on a specific region? As a frame for example
Any help will be greatly appreciated
Having a left sidebar depends on the page template you select. Some page templates will have a left sidebare, other a right one, others maybe both. And since templates are part of a theme, it may be that some templates under some themes may not have a page template that offers what you'd want.
So the first you need to do is look at what page templates you have available in your chosen theme. You can do this by going to the Shared Components and selecting templates from there. Scroll to the Page Templates and see if you can find one there.
While it's a good guess that the sidebart region will be in position 3, and position 3 is in the sidebar, it's best to verify. You can do that by checking the html of the body of the template. See if there is a region assigned to a sidebar. You'll have to divine this from the markup or an example page and which one it is (position 2? position 3? 4?).
Pro-tip: from the Shared Components > Templates, in the report overview, you can preview certain types of templates, such as the page template. Just hit the preview button and you'll get a general idea of the style and the region positioning! When viewing the template in detail, you can also preview from the preview link in the right hand menu list.
As for the list: the example you linked has a list region on the left sidebar, but all those links are links to other pages. Thus, there are as many pages as there are links in the list.
If on your environment the links are causing a new page or tab to be opened up, then that likely means the attribute target="_blank" is present on those anchor tags. Again though, this just means that that markup is being generated by the chosen list template. Try another list template (by editing the list, under Source you can chose the template) or take a look at the theme's templates. You can find the markup for the individual list items there.
It'd be better not to concern yourself too much by trying to fiddle around with iframes just yet, because even though that'd be possible it is not an out of the box feature. Unless you're already really familiar with eg javascript I'd stick to page links until you're more familiar with the environment.

Page Region not display full page width

This is an odd one to me because it only started happening since we moved to Apex 4.2. To get round the problem i have to copy and paste regions I already have in the application, rather than simply creating a new one.
When i create a new application and try to create a region on a page the attached always occurs. This also occurs if i create a new page in a current applications that were already in place before the Apex 4.2 upgrade. Was it even to do with the upgrade?
I assume its something in the Templates or Themes under Shared Componants but i cannot see anything that sticks out.
I thought i would try an HTML5 template to see if that made any difference however the same occurs, see screenprint.
Is there an answer why this is happening and how it could be resolved?
This really looks like it is a template "issue". You need to check your page template: what is it named?
For example, in Theme 23 there are several page templates which include a left, right or both sidebars. When your page uses a template with this sidebar, then the sidebar will always use up a portion of the screen.
If you have no template specified but rather use the "Application Default", then go to "Shared Components > Templates" and look at the page templates section for the template which has a check in the "Default" column. Most likely it is a template including a sidebar.
Aside from that you could also always use a tool to inspect the HTML and CSS. For example, with Firebug in Firefox you could rightclick on the empty space left of your region and choose "inspect element with firebug". It might be a TD element. It might be a div with a fixed width. It might be custom css pushing things about.

How do you post content to a specific template position?

I purchased a template / theme from RocketTheme, but I can't figure out how to add content at a specific position.
The templates have "module positions" that collapse. I'd like to add some content at one of the module positions.
If I add articles, they seem to go into "mainbody". But I'd like to have content in other areas of the template.
How do I take some text, images, or other content, and get them to display in these other positions (i.e., TOP-A, or FEATURE-A, etc)?
I've tried this
Go to Extensions->Module Manager
Select "New", Select "Sections"
Under "Details", I select Position->Top-A
I give it a title.
Nothing seems to happen. I don't see anything new exposed in the admin UI, and I don't see a way to get any content into this newly defined section. What am I not understanding?
go to JED and look up html in module or content in module or content in component there are a bunch of them. http://extensions.joomla.org/search?q=module+content&start=20
Essentially
you create and save an article. Make sure it is saved to a section or category on your menu
open the module one of the paramaters will ask for the article id...decide which position and which pages you want it on and then publish.
You can also get modules that will take some or all of your articles in a category and then show them either as a slidedhow or one randomly when someone visits the page