Public Forums 71,145 posts

[kidi Friend kidiJoin date: March 2009Posts: 134Downloads:0Uploads:44 Thanks: 28 Thanked: 2 times in 1 posts]

#147285

Hello and Happy New Year for all of you.

I use Ja Nickel quickstart Joomla 1.5.14 and Virtuemart on a website.

I’m interesting by the same template (just for virtuemart) as show case of Joomlart.

http://www.joomlart.com/option,com_jashowcase/Itemid,498/limit,12/limitstart,12.html

I hope I’m clear. Sorry if is not. Ask me for more explain :-[

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#328266

Now you and load this file 6615, and extract this file and put the file into the componentscom_virtuemartthemesCURRENT_TEMPLATEtemplatesbrowse folder( CURRENT_TEMPLATE= ?? )

and put those codes into the componentscom_virtuemartthemes\CURRENT_TEMPLATEtheme.css

/*————————————————————————
# JA Showcase 1.0.0 – May, 2007
# ————————————————————————
# Copyright (C) 2004-2007 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license – Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com – http://www.joomlancers.com
————————————————————————-*/

#lightbox{
width: 100%;
text-align: center;
line-height: 0;
position: absolute;
top: 40px;
left: 0;
z-index: 100;
}

#lightbox a img{
border: none;
}

#outerImageContainer{
width: 250px;
margin: 0 auto;
background-color: #FFFFFF;
position: relative;
height: 250px;
}

#imageContainer{
padding: 10px;
}

#loading{
width: 100%;
text-align: center;
line-height: 0;
position: absolute;
top: 40%;
left: 0%;
height: 25%;
}

#hoverNav{
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 10;
}

#imageContainer>#hoverNav{
left: 0;
}

#hoverNav a{
outline: none;
}

#prevLink,#nextLink{
width: 49%;
display: block;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
height: 100%;
}

#prevLink{
float: left;
left: 0;
}

#nextLink{
float: right;
right: 0;
}

#prevLink:hover,#prevLink:visited:hover{
background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover,#nextLink:visited:hover{
background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer{
margin: 0 auto;
background-color: #FFFFFF;
font: 10px Verdana,Helvetica,sans-serif;
line-height: 1.4em;
}

#imageData{
padding: 0 10px;
}

#imageData #imageDetails{
width: 70%;
float: left;
text-align: left;
}

#imageData #caption{
font-weight: bold;
}

#imageData #numberDisplay{
clear: left;
padding-bottom: 1.0em;
display: block;
}

#imageData #bottomNavClose{
width: 66px;
float: right;
padding-bottom: 0.7em;
}

#overlay{
width: 100%;
background-color: #000000;
position: absolute;
top: 0;
left: 0;
z-index: 90;
height: 500px;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

#numberDisplay{
color: #000000;
}

.clearfix:after{
clear: both;
display: block;
content: “.”;
height: 0;
visibility: hidden;
}

* html>body .clearfix{
width: 100%;
display: inline-block;
}

* html .clearfix{
height: 1%; /* End hide from IE-mac */
}

.jashowcase {
float: left;
margin: 10px 0;
padding: 0;
}

.jashowcase .jashowcase-inner {
margin: 0 10px;
padding: 0;
background: #F8F8F8;
color: #CCCCCC;
border: 1px solid #E7E5E3;
height:200px;
}
.jashowcase .jashowcase-inner h3{
font-size:100% !important;
}
.jashowcase .jashowcase-inner img{

}
.jashowcase-inner:hover, .jashover {
background: #FFFFFF!important;
color: #C5D3E7;
border: 1px solid #C5D3E7!important;
}

.jashowcase-inner h3{
background: url(../images/showcase-h3-bg.gif) #EFEFEF top left repeat-x;
margin: 0px;
padding: 3px 0;
font-size: 12px;
color: #3B6097;
border-bottom: 1px solid #E7E5E3;
text-align: center;
}

html > body .jashowcase-inner h3 {
padding: 4px 0;
}

.jashowcase-inner:hover h3,.jashover h3{
border-bottom: 1px solid #C5D3E7;
background: url(../images/showcase-h3-hover.gif) #EFEFEF top left repeat-x;
}

.jashowcase-inner div {
padding: 10px 0;
padding-left:20px;
padding-right:20px;
overflow: hidden;
width: 100%;
}

.jashowcase-tools {
border-top: 1px solid #E7E5E3;
margin: 0;
padding: 0!important;
text-align: center;
height: 25px;
line-height: 25px;
}

.jashowcase-inner:hover .jashowcase-tools, .jashover .jashowcase-tools {
border-top: 1px solid #C5D3E7;
}

.jashowcase span {
font-size: 11px;
}

.jashowcase-main {
padding: 20px 0;
width: 100%;
text-align: center;
}

.jashowcase-nav {
clear: left;
margin: 5px 0 5px 28px;
padding: 0;
}
.jashowcase-cat p{
padding-left: 10px;
width: 100%;
text-align: left;
}
.jashowcase-description{
padding-left: 10px;
width: 100%;
text-align: left;
}

– You access the administrator, go to the manage categories in the Virtual mart. You choose a category and edit it, you set “browse_myshowcase” for the “Category Browse Page:” parameter

Good luck

[kidi Friend kidiJoin date: March 2009Posts: 134Downloads:0Uploads:44 Thanks: 28 Thanked: 2 times in 1 posts]

#328275

Thank you and the best for you too :-*

[Author]

Posts