This might be a nice feature to added on myStore template - the use of badges on module header.
I think the badges used on Black & White template fit's perfectly on myStore.
Here's some examples:
Using "[space]badge-new" and "[space]badge-hot" module suffix:
Using "[space]badge-top" and "[space]badge-soon" module suffix:
Theme style 1, using "[space]color[space]badge-new" and "[space]color[space]badge-hot" module suffix:
Theme style 1, using "[space]color[space]badge-top" and "[space]color[space]badge-soon" module suffix:
Theme style 2, using "[space]color[space]badge-new" and "[space]color[space]badge-hot" module suffix:
Theme style 2, using "[space]color[space]badge-top" and "[space]color[space]badge-soon" module suffix:
Theme style 3, using "[space]color[space]badge-new" and "[space]color[space]badge-hot" module suffix:
Theme style 3, using "[space]color[space]badge-top" and "[space]color[space]badge-soon" module suffix:
INSTRUCTIONS:
Step 1)
Copy the attach image to this location ../templates/gk_mystore/images/
Step 2)
Enable override.css file on template parameters.
Step 3)
Add the following code on override.css file:
- Code: Select all
.badge { position:absolute; background:transparent url('../images/badges.png') no-repeat 0 0; top:8px; right:8px; z-index:999; text-indent:-999em; width:54px; height:54px; }
.badge-hot,
.badge-new,
.badge-soon,
.badge-top { position:relative; }
.badge-hot .badge { background-position: 0 -54px; }
.badge-top .badge { background-position: 0 -108px; }
.badge-soon .badge { background-position: 0 -162px; }
That's it.
Enjoy