By loic on Monday, 21 April 2014
Posted in Technical Issues
Replies 6
Likes 0
Views 638
Votes 0
Hello,

I would use the showcase module in sidebar position of my template
This position seems not to be enough large for the module

is there a way to personalize the showcase module to avoid this :
http://awesomescreenshot.com/0ea2oobu51

and have :
Title <br>
Image

and no more items numbers button
only the "see more items"

thanks in advance for community help on that
Loïc
Hello loic,

The module requires a minimum of at least 600px in width for it to appear correctly. If your width area for the module is too small, it wouldn't render nicely
·
Monday, 21 April 2014 23:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello loic berder,

As Mark mentioned that your width area is too small and it wouldn't render nicely, but i try my best to help you inspect this, can you put this css hack in your template css file and see how it goes.

#mod_showcase .showcase-image img {
max-width: 150px;
}

#mod_showcase .showcase-more {
padding: 3px 1px!important;
}

#mod_showcase .showcase-more, #mod_showcase .showcase-more:hover, #mod_showcase .showcase-navi .item {
width: 11px;
}

* Remember put this CSS code in correct file and cleanup the cache.
·
Monday, 21 April 2014 23:34
·
0 Likes
·
0 Votes
·
0 Comments
·
hello
and thanks for your help

is there a way to have :


image not in right but under the title ?

different css style in the same site for 2 different showcase module (one in sidebar with your helpfull code and the other one in top position with the normal css) ?


thanks in advance
loïc
·
Tuesday, 06 May 2014 01:52
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello loic berder,

Sorry for late reply to this,
I have change the position from this file JoomlaFolder/modules/mod_showcase/tmpl/default.php

I have attached a sample, if you would like the image file make it between with the title and content, you can apply this CSS in your template css file and see how it goes?


#mod_showcase .showcase-image {
float: inherit !important;
margin: 0 0px 0 0px;
border: 0px solid #ddd !important;
}
·
Tuesday, 06 May 2014 13:51
·
0 Likes
·
0 Votes
·
0 Comments
·
thanks a lot arlex

I am using 2 different showcase module :
- one in sidebar with your helpfull code
- the other one in top position wich is full screen size...

is there a way to have the personalization only applied on one module ?
can i achieve that with the module suffix ?

thanks in advance
Loïc
·
Thursday, 08 May 2014 20:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello LoicBerder,

Sorry for late reply to this,
You're welcome.
Yes, you can add the individual class suffix in the module, because based on your explanation, you have published 2 showcase module in your site right?
One is the full screen size locate at top position, another one is display on the sidebar at the right position.

After you added that individual class suffix, then both of the same module will not conflict with the CSS styling.
hope this help.
·
Friday, 09 May 2014 00:54
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post