Joomla Templates Club 406,261 posts

[oneira Friend oneiraJoin date: February 2013Posts: 10Downloads:0Uploads:5 Thanks: 2 Thanked: 2 times in 1 posts]

#189099

Hi.

I’ve been experimenting on this template for a few days. Worked everything out, this is a really great template. I have one problem though : the site seems to cache the body-bg image of the first theme displayed and do not change when I change category – therefor changing theme – unless I clear the browser (chrome and firefox, could’t test it on other browsers yet) cache first. The body-bg-x image stays the same.
I do not use system cache plug-in
Site config is set to : off-disable caching
Development mode is set to NO (I do not feel comfortable with compiling less files yet)
This problem doesn’t occur in mobile view (chrome and safari, on android 4.2).

I used ThemeMagic to create new themes, then made the change in the template.css files (the only changes I made were the background images)

Is there a way to make sure the background image will change accordingly for each category, with any browsers setting and keep the development mode to NO ? Or am I doing something wrong ?

Thank you for your answer.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#499661

This is the default config from JA Smashboard template, see the screenshot

I’m not quite sure what the problem your site still face? It would be great if you can include url of your site, an illustrated screenshot of what you are trying to achieve, It would be more helpful to understand the issue and give you specific answers.

---

Attachments:

1. 

[oneira Friend oneiraJoin date: February 2013Posts: 10Downloads:0Uploads:5 Thanks: 2 Thanked: 2 times in 1 posts]

#499700

Thank you for answering.

I will try to describe the problem more clearly. Meanwhile, I have sent you the url, username and password by pm.
It is quite simple. I’m trying to have different themes displaying for each category the site contains. The only sensible difference between themes is only the background image.
For exemple,
Home would have the default template “Ja – smashboard default”, “default” theme, using background image “body-bg.jpg”
Another page, “Contact”, would have JA – CONTACT template (duplicated from the above), and “contact” theme, using “body-bg-1.jpg” as background.

My problem is that background images tend to stick to the background, and do not change when the category, hence the theme change. To see the change, I have to reload the cache every time. I’m also joining an example.

As said in previous message :
I do not use system cache plug-in
Site config is set to : off-disable caching
“Enable Development mode” is set to NO (I do not feel comfortable with less files yet)

Build RTL CSS is set to NO (do not need right to left writings)
Compile CSS is set to NO (as I am still experimenting with the template and firebugs).

I haven’t changed background images names, so they are still called “body-bg”, “body-bg-1”, “body-bg-2”. Each theme as an individual files in root/ja-smashboard/css/theme/… where the template.css file calls for them.

Is there a way to make sure the browser change the background every time the user change the category, without turning “Enable development mode” to YES ? Or am I just missing something to make this work ?

I’m joining the settings used for each themes in attachment, as well as the template list as appearing back end. Category that posses individual themes are : A propos, Contact, Cinéma.

Thanks

---

Attachments:

1. 
2. 
3. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#499754

This is not bug from our product, JA Smashboard is a special template which is using Ajax and add additional css style to apply to meny hyperlink, if you duplicate template style and appear with menu on Ajax page doesn’t load correctly background site.

We have provided details configuration of each menu item on userguide for reference: http://www.joomlart.com/forums/topic/ja-smashboard-template-userguide/

You don’t need to duplicate template style, you can use one and add into each associated menu item with each background css style, see the screenshot: http://static.joomlart.com/images/userguide/ja_templates/ja_smashboard/travel.jpg

We have defined background css style from .body-bg-1 to .body-bg-9 via file: templates/ja_smashboard/css/template.css

look for these css rule:


.body-bg-1 body {
background-image: url("../images/body-bg-1.jpg");
}
.body-bg-2 body {
background-image: url("../images/body-bg-2.jpg");
}
.body-bg-3 body {
background-image: url("../images/body-bg-3.jpg");
}
.body-bg-4 body {
background-image: url("../images/body-bg-4.jpg");
}
.body-bg-5 body {
background-image: url("../images/body-bg-5.jpg");
}
.body-bg-6 body {
background-image: url("../images/body-bg-6.jpg");
}
.body-bg-7 body {
background-image: url("../images/body-bg-7.jpg");
}
.body-bg-8 body {
background-image: url("../images/body-bg-8.jpg");
}
.body-bg-9 body {
background-image: url("../images/body-bg-9.jpg");
}


---

Attachments:

1. 

1 user says Thank You to Ninja Lead for this useful post

1. oneira

[oneira Friend oneiraJoin date: February 2013Posts: 10Downloads:0Uploads:5 Thanks: 2 Thanked: 2 times in 1 posts]

#499792

Thanks. I was definitively missing something 😉

[Author]

Posts