Support Forum

Customizing j2 store category module

Hi Ivo, I've two problems with Delight template:

1) I can't further customise j2store product categories module (see attachment) The categories are displayed in a list (instead than in line block) and the images are too small. I tried with this code in my custom.scss, but it doesn't work:


@import "dependencies";

// My Products Categories

.j2store-categories-module {
padding-top: 30px
}

.j2store-categories-module li {
display: inline-block;
list-style: outside none none;
padding: 0 20px;
width: 33%
}

.j2store-categories-module li img {
height: auto;
width: 100%;
max-width: 100%;
border: 1px solid #eeeeee;
opacity: 0.8;
transition: all 0.3s ease 0s
}

.j2store-categories-module li h4 {
margin-top: 20px
}

.j2store-categories-module li h4 a {
transition: all 0.3s ease 0s;
color: #333333;
font-weight: 600
}

.j2store-categories-module li h4 a:hover {
text-decoration: none
}

@media (max-width:768px) {
.j2store-categories-module li {
width: 100%
}
}

.j2store-categories-module li:hover img {
opacity: 1
}

.j2store-categories-module li:hover h4 a {
color: #952501
}


2) the icon in j2store cart isn't visible -

I'm working in localhost, before going live, but I'm stuck :(

I realise that this customisation is beyond your support, but hope anyway you can direct me in the right direction ;)
Attachments:
Responses (4)
Sorry, but you are not allowed to view the replies here.
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!