Fork me on GitHub

Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Hi,

sorry for the late reply. To uninstall a theme, you need to do 2 things.

  1. You need to go to the admin Control Panel (ACP) and choose another theme as standard in the ACP -> Preferences -> General Settings -> Default theme
  2. You need to remove the folder of the theme from your server. Currently that is not yet possible from within ImpressCMS, you will need to use a FTP program or one of the tools hosting providers offer to upload/remove files on your hosting solution.

Topic


Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

I installed themes (bootstr3.0.3 /yours) some time ago. It seemed to install, but the reaction of template mangr-module was slightly wrong (I think). Is it possible to reverse this install?

Topic


Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

I am working on an updated version of the Bootstrap3 theme on Github : https://github.com/fiammybe/impresscms-theme-bootstrap3

This will be a cleanup and a small evolution based on the things I've learned working on the new design of the ImpressCMS site. 

After that, the big goal is to get a Bootstrap4 version up and running.



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

This is so stupid... I allready have 3 & 4 cols but I don't manage to reagerange widths. ... still the problem also is that I'd like a true template, not the fix and trix stuff that I'm now into. And really... I'm not sure how the menue positioning can allow 3 and 4... ist almost like the themes in my space is not connected to my site.



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Another way to do it would be to find a theme that has roughly the columns you want, and start modifying it to suit your needs. You do not need to know much about html or css, I only use the basics, and have no clue at all about Javascript. That doc should cover enough to get you started.



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

My problem is several since I want a 3 + 4 cols site (non centered).

"master index /theme"  ==> 3 cols and 4 cols (my widths).

To understand the doings and really manage my site I must understand:   Theme manager   /master-html &css    /theme-widths(accordingly)   /OR working around manually together with mentioned factors.

Being a newbe its often possible to start lean and work uppwards. In this case theme and procedure around must be deconstructed as a whole before understanding and building up my stuff. One must see the complet steps of the coder to understand the nube situation.

From simple upwards is easy - To deconstruct the whole "big part" is very complex.   (I don't handl this and and also requested a price suggestion via PM).



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Have a look at the old Anatomy of the Default Theme document. You can read about the basic structure of a theme and how Smarty works. This is an old document, so it still uses tables to control the layout (now we mainly use div and span), but the general structure of a theme has not changed much.

https://xoops.net.br/docs/xdocman/xn-103.pdf

You can think of Smarty as a placeholder for a piece of data, kind of like a variable. In your PHP script you can assign values (including snippets of HTML) to smarty variables, and they will be output in the theme at the desired location.



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

if I manually would "walk around" and fix each "blank-module page" themeing manually, does that contain any problem for future of my site?    //  // 

MrGrey(mothership, ~6y ago) walkingnumber (~3y ago), justanumber



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Have a look at iTheme, our old and long-lasting default theme. You will see that the same type of syntax is used. ImpressCMS themes are built using the Smarty 2 Theme engine, which allows us to keep php code out of our HTML templates. Note, they are HTML templates, not simple HTML files. When you open this in a browser, it won't work because Smarty needs to fill in the gaps

In a way, what smarty does is add placeholders to a HTML file that get filled up by ImpressCMS. There is a certain logic also (foreach loops and if/then/else constructions) because we need to generate other code based upon certain conditions. For example when a zone does not contain any blocks, the HTML to define that zone should not be generated. 

This is based on the basic HTML5 + CSS template that exists for Bootstrap, we just added the logic to integrate the different blocks and the zones in there. @skenow mentioned a Impressmizing tutorial written some time ago that seems to have disappeared from the site, I will review it to see if it is still in line with the current way things are done and I'll post it before monday.



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Is this called html? <--.--> I can't see any html... nothing ever mentioned in my book (html for dummies) anyway. Earlier I could use ImpressCMS themes, even make them, but not now. <--.--> So what would you recomend now when a poor, simple user (me) only with some earlier experience of static html can not make a simple theme that reaches abow WP? <--.--> Generic stuff is interesting to learn, but this? ... I cannot find this being generic enough to learn as an ordinary user. // walk#



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Not really. If you want to have different zones where you can put blocks, and you want to be able to put multiple blocks in a zone, and you want a header and a footer, that's more or less what you need as a basis.

I chose to keep it all flat in one file, just for clarity. I might split that up in the next version, to make it more readable (even though the HTML that gets produced to send to the browser will be the same)



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

This is the Bootstr. 303 I have in theme.html, is this right? <{assign var=theme_name value=$xoTheme->folderName}> <{assign var=theme_name value=$xoTheme->folderName|cat:'/templates'}> <{if $icms_pagetitle !=''}><{$icms_pagetitle}> : <{/if}><{$icms_sitename}> <{$icms_module_header}> <{if $xoBlocks.canvas_left and $xoBlocks.canvas_right}> <{assign var=columns_layout value='col-md-6'}> <{assign var=block_layout value='col-md-6'}> <{elseif $xoBlocks.canvas_left or $xoBlocks.canvas_right}> <{assign var=columns_layout value='col-md-9'}> <{assign var=block_layout value='col-md-6'}> <{else}> <{assign var=columns_layout value='col-md-12'}> <{assign var=block_layout value='col-md-6'}> <{/if}>

<{$icms_slogan}>
<{if $xoBlocks.slider}> <{include file="$theme_name/slider.html"}> <{/if}>
<{if $xoBlocks.canvas_left}>
<{foreach item=block from=$xoBlocks.canvas_left}>

<{$block.title}>

<{$block.content}>
<{/foreach}>
<{/if}>
<{if $xoBlocks.page_topcenter}> <{foreach item=block from=$xoBlocks.page_topcenter}>

<{$block.title}>

<{$block.content}>
<{/foreach}> <{/if}> <{if $xoBlocks.page_topleft or $xoBlocks.page_topright}>
<{foreach item=block from=$xoBlocks.page_topleft}>

<{$block.title}>

<{$block.content}>
<{/foreach}> <{foreach item=block from=$xoBlocks.page_topright}>

<{$block.title}>

<{$block.content}>
<{/foreach}>
<{/if}> <{if $icms_contents}>
<{$icms_contents}>
<{/if}> <{if $xoBlocks.page_bottomcenter}> <{foreach item=block from=$xoBlocks.page_bottomcenter}>

<{$block.title}>

<{$block.content}>
<{/foreach}> <{/if}> <{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright}>
<{foreach item=block from=$xoBlocks.page_bottomleft}>

<{$block.title}>

<{$block.content}>
<{/foreach}> <{foreach item=block from=$xoBlocks.page_bottomright}>

<{$block.title}>

<{$block.content}>
<{/foreach}>
<{/if}>
<{if $xoBlocks.canvas_right or $xoBlocks.tabs or $xoBlocks.accordion or $xoBlocks.menu}>
<{if $xoBlocks.tabs}> <{include file="$theme_name/tabs.html"}> <{/if}> <{if $xoBlocks.accordion}> <{include file="$theme_name/accordion.html"}> <{/if}> <{if $xoBlocks.menu}> <{include file="$theme_name/menu.html"}> <{/if}>
<{foreach item=block from=$xoBlocks.canvas_right}>

<{$block.title}>

<{$block.content}>
<{/foreach}>
<{/if}>
<{if $xoBlocks.prefoot}>
<{foreach item=block from=$xoBlocks.prefoot}>

<{$block.title}>

<{$block.content}>
<{/foreach}>
<{/if}>

<{$smarty.const.THEME_UPTOP}>

<{$icms_footer}>

// // perhaps it should look more easy then this?



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Hi, the basic Bootstrap 3.3.7 theme will be delayed a few days, see here



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

@ fiammybe: (pls recieve this and erase here). Marigins close to 0. ... site entrance 4col and rest 3col.... I get back. (uploaded pic)



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Hi,

the way the themes are currently setup is that the theme.html file contains the basic layout for the entire site. What you want is possible, but it will require some inventive smarty coding I think.

Bootstrap is very interesting to use because it takes care of most of the basics for responsive design. What you need to decide is how you want those 3 and 4 columns to show up on a mobile device. The reason is that this choice will impact how the HTML of the theme.html is structured

For example, if you just want the content of the 4 columns to be shown one below the other, you define your main content zone as col-sx-3. Bootstrap takes your content and puts it ont he page in the order in which it is transmitted in the HTML file. So it is not easy to show the content of column 1 and 3 first, and then the content of column 4 and then column 2. Also, i wouldn't display more than 1 column on a smarphone, to keep it readable.

Can you tell me what pages you would need to have 3 and what pages will need 4 columns? Also, which modules do you plan to use on those pages? This kind of design implicates adapted templates specifically made for the modules that you use ( like we do on the ImpressCMS site itself for example).



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Need either docu OR help with the theme in bootstr 303 to adopt to 4col + 3col. Pls help!



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Q: My intention is to have entrance page 4col and other pages 3col. ...then my question... Must then theme.html (1.3.10) contain both column set-ups + all css data ? ... or can I use 1 page theme.html 4col AND 1 page theme.html 3col somehow? (I believe each page is simple to make when getting to know the grid principle). theme1.html theme2.html ? ... but I cant find a "users way" to call those... Solutions, pls! Merry Christmas and a happy new year! #wn/jn .------------ (if allways using a simple 12col grid it would be possible to make all themes according to a few made up css (originals). Like choosing shoes to your suite.) Can Template Manager be a module?



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Thank you for the pointers Madfish. The abundance of available material for Bootstrap is one of the reasons for picking it, next to the reason that we don't want the burden of having to define a CSS framework ourselves. That's not our core business in a way.

I'm puzzled concerning your inability to send line breaks, I'll have a look at the differences in our profiles.



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

I think Bootstrap is a good choice. The 12-column grid is very flexible and a lot less painful than fiddling around with percentages once you get used to it. Also great for making a site mobile friendly. There is very little Javascript required if you just want to mess with a Bootstrap theme, mainly it's just assigning Bootstrap CSS classes to your existing HTML. I've been moving away from multi-column layouts recently. Even with Bootstrap the less columns you have the easier things are to adapt to a mobile display. There's quite a few good (really outstanding) free themes available for Bootstrap (though the page/file size runs pretty high on some of them). I found them pretty easy to adapt for my other project, although I haven't tried it on ICMS yet it shouldn't be too hard. Good free Bootstrap theme sites include: BlacktTie: http://blacktie.co Start Bootstrap: https://startbootstrap.com/ Get Bootstrap: http://getbootstrap.com/getting-started/ By the way, I still can't find a way to have line breaks in my posts. If I preview the post (first time) it looks fine, but it ends up with no breaks.



Re: ImpressCMS 4-col themes for dummies (me) - basics and install in 1.3.10

Hi, 

those are choices by the theme developer and, ultimately, by the site owner that decides to use that particular theme.

Bootstrap is the most widely-used CSS framework at the moment, which makes it a good platform to use if you want to create themes. By using bootstrap, you accept that certain functionality in the theme will be offered by some Javascript. Some time ago we had a look at what was available with the developers at that moment, and we decided on using Bootstrap for hte newer versions of ImpressCMS. No hostile overtaking, but simply pragmatic team members

There are other frameworks around, but personally I haven't used them and some of the functionalities that are requested nowadays by the end-user can only be done in Javascript so there isn't a realistic way to write modern themes without it.

As far as I know, there were no changes made tot he Template manager in the last versions. To be honest, I think the only use for the template manager is to fix some small issues in the template of the theme you are using, but in order to make the template manager useful in that scenario, there is some work to be done. The template manager is not integrated with the themes at the moment, and as such it can't offer you the option to download the template set for a specific theme. I think that would be interesting, but it isn't a big priority at the moment.




 Top