Jump to content

Archived

This topic is now archived and is closed to further replies.

Guest xpc

"Latest products" in individual boxes??

Recommended Posts

Are you familiar with css and html? If so, you can easily see how this can be done. As an example, look at the boxes in CubeCart side columns. There is a division called boxTitleLeft that has a set width, height, border and background image or color, and this holds the box title as a titlebar. Then there is a second division called boxContentLeft, and this sets borders, etc. for the content of the boxes. (In Killer skin there is a third division for the footer called boxFootLeft or some such).

To see how this is used in html (xml), just look at the box templates in your skin's styleTemplates/boxes/ directory.

To place a box around latest products, you use similar css and html methods. For instance, at my third-party products site, I use boxes with titlebars around latest products. In the stylesheets I create division id selector and class selectors like these:

#lateProd {

	position:relative; 

	margin-top: 10px; 

	float: left; 

	text-align: center;

	height:160px;

}

.lateProdTitle {

	margin-top: 10px; 

	text-align: center; 

	width: 140px; 

	height:30px; 

	border: 1px solid gray;

	background-image: url(../styleImages/backgrounds/lateProdTitleBg.gif);

	background-repeat: repeat-x;

	overflow: hidden;

}

.lateProdContent {

	margin-top: 0px;

	text-align: center; 

	width: 140px; 

	height:125px; 

	border: 1px solid gray; 

	border-top: none;

	background-image: url(../styleImages/backgrounds/lateProdContBg.gif);

	background-repeat: repeat-x;

}

Note: This is not code for a full-fledged mod, I'm just giving a peek at some of my code as an example!

Now, once you decide how you wish to build your boxes for latest prods, you just come up with some division names and properties, like I've done above, then code in those divisions into styleTemplates/content/index.tpl with the latest products code. I like to move the product name up top into a title bar.

I have wondered when someone might ask this over here, because it is such an easy modification to make for anyone who knows css and html well.

Please note that one of our members, Grassmeyer offers a pre-packaged mod for this - check her out at cubecart.org . . . I am often contacted by folk asking for a mod of how to do mine, but I prefer to custom code this type of thing for each individual's store - and if you can understand what I've written above, you can do it yourself ;)

Share this post


Link to post
Share on other sites

I believe there is a mod for this by estelle at cubecart.org

Share this post


Link to post
Share on other sites
Guest xpc

@markscarts

Thankyou very much for the tip. It's done. Wonderfull ;)

Take a look

www.xpcloja.com

Share this post


Link to post
Share on other sites

Beautiful job, congrats ;)

BTW, what browser do you use? I am getting a display problem in your left side boxes when viewing with FF. :P

Share this post


Link to post
Share on other sites
Guest xpc

I use FF and its fine to me, i tested in IE and is also fine. can you post a screenshot??

Share this post


Link to post
Share on other sites
Guest alarmed

Markscart

Is there a free mod or other help links that will do/show this?

i can't get my head round this at the minute, tried to compare what you are saying with ManipulatingBoxes cubecart.pdf to try and find a solution...

also could the same thing be used to put a box around sub-categories images?

Alarmed

Share this post


Link to post
Share on other sites

Yes, you may code boxes into sub-cat display just as easily. I do not know of a free mod. I can do this as custom work for your site, and I'm sure others can as well.

FYI, the css code I shared above goes into my layout.css and I am happy to share the code from my skin's styleTemplates/content/index.tpl if that will help you. Feel free to use this info, but you will have to know a little css & html to fine-tune and adapt/integrate this into your site.

In content/index.tpl:

		<!-- BEGIN: repeat_prods -->

			<div id="lateProd" style="width: {VAL_WIDTH}px;">

			<div class="lateProdTitle">

			<div style="font-weight: bold; margin-top: 0.20em; width: 98%;"><a href="index.php?act=viewProd&amp;productId={VAL_PRODUCT_ID}" class="txtDefault" style="font-size: 10px;">{VAL_PRODUCT_NAME}</a></div>

			</div>

			<div class="lateProdContent">

				<br />

				<a href="index.php?act=viewProd&amp;productId={VAL_PRODUCT_ID}"><img src="{VAL_IMG_SRC}" alt="{VAL_PRODUCT_NAME}" border="0" /></a>

				<br />

				{TXT_PRICE} <span class="txtSale">{TXT_SALE_PRICE}</span>

			</div>

			</div>

		<!-- END: repeat_prods -->

Share this post


Link to post
Share on other sites
Guest alarmed

Yes, you may code boxes into sub-cat display just as easily. I do not know of a free mod. I can do this as custom work for your site, and I'm sure others can as well.

FYI, the css code I shared above goes into my layout.css and I am happy to share the code from my skin's styleTemplates/content/index.tpl if that will help you. Feel free to use this info, but you will have to know a little css & html to fine-tune and adapt/integrate this into your site.

In content/index.tpl:

		<!-- BEGIN: repeat_prods -->

			<div id="lateProd" style="width: {VAL_WIDTH}px;">

			<div class="lateProdTitle">

			<div style="font-weight: bold; margin-top: 0.20em; width: 98%;"><a href="index.php?act=viewProd&amp;productId={VAL_PRODUCT_ID}" class="txtDefault" style="font-size: 10px;">{VAL_PRODUCT_NAME}</a></div>

			</div>

			<div class="lateProdContent">

				<br />

				<a href="index.php?act=viewProd&amp;productId={VAL_PRODUCT_ID}"><img src="{VAL_IMG_SRC}" alt="{VAL_PRODUCT_NAME}" border="0" /></a>

				<br />

				{TXT_PRICE} <span class="txtSale">{TXT_SALE_PRICE}</span>

			</div>

			</div>

		<!-- END: repeat_prods -->

Thanks Markscarts,

talkabout showing me the light :w00t:

Alarmed

having a bit of a play with me boxes now :o

Share this post


Link to post
Share on other sites

Never mind :w00t:

Hmmm, what's the point of that post? :D

@ alarmed, glad to be of assistance :D

@xpc, I went to take a screenshot, but didn't bother since I figured out the display problem. I am browsing with FF and I keep js disabled - I set the browser to parse js for sites I trust.

With javascript disabled, your display is screwed up due to the scrolling box you have there. If you want to see the result, view your site in FF w/js disabled :D

Share this post


Link to post
Share on other sites
Guest xpc

In fact stays messes up but thats strange because the scrooling feature is only a <marquee> tag, and no JS. :w00t:

Share this post


Link to post
Share on other sites

only a <marquee> tag, and no JS. dizzy.gif

Not true - here is your code:

<marquee scrollamount="2" onMouseOver="this.scrollAmount='0'" onMouseOut="this.scrollAmount='2'" direction="up" loop="true" width="100%">

Share this post


Link to post
Share on other sites
Guest xpc

You're right, i had to had that in order to make the selection of a scrolling object possible.

Share this post


Link to post
Share on other sites
Guest shandaman

back on topic about the individual boxes, i figured this out before i even saw this thread, i have a mod for sale on doing it check the .org forum under commercial mods.

If someone needs a mod they can PM you, you can direct them to the .org forum and they can search for your and others mods.

Share this post


Link to post
Share on other sites

Hey you with the constant advertising, get lost. :unsure:

If I wanted to read your kind of constant hawking drivel, I wouldn't use spam filters on my email. It damn sure doesn't belong over here in the .com forum.

FWIW, to all who are interested in buying anything from this obviously greedy person, There are many of us who can do anything this person can do, better than this person can do, who also have third party stores - and we restrain ourselves from spamming the forums :)

Share this post


Link to post
Share on other sites
Guest shandaman

Markscarts, im not spamming! I placed no links, you did the exact same thing on other threads ive seen throught the .com forum.

If I can get the job done cheaper then someone else why wouldnt the customers of cube cart want to go with whats cheaper as long as its going to teach them how to do it all?

I have a third party store aswell, and its growing daily with new mods, templates and services that im providing, im not gonna stand here and say im the best because that would be a lie, but i do have somehting to teach others, but my teaching comes with a small price.

Im a 3d training speiclist on my site 3dgamics.com and on other 3d sites, and 3d can be more difficult then cubecart most of the time. I think i qualify to teach others how to implement some simple mods to there cube cart, please dont bash me or make fun or dis credit me on on the forums im not doing anything bad to you.

Also im not very greedy, im in fact far from it!

:unsure:

Thanks for reading

Share this post


Link to post
Share on other sites

@Shannon - I will offer an olive branch - not an apology but a peace offering. You obviously have a problem here, as you have received warnings and had URLs deleted by moderators, and you would do well IMHO to receive this olive branch and take my words to heart. The "peace offering" I refer to is in the form of an explanation I am about to give, and it requires no reply; in order to benefit from this olive branch you need only understand and comply . . . Here goes . . .

There is reason in the rules here. We have two separate forums. This .com forum is for people seeking support with the stock CubeCartâ„¢ software. The sponsor of this forum does not want this forum filled with solicitations from third-party sources. There is a second forum as you well know, cubecart.org, which is provided for third-party services and free modifications to the stock hardware. That is the place for mods and unofficial software to complement CubeCartâ„¢ and over there you can hawk your goods if you play by the rules.

Newbies and non-techies seeking help over here cannot be expected to make the fine distinction, so you will see tons of questions posted in the wrong sections of the wrong forums, and requests for help doing modifications to the cart. That is not a problem, but folk purporting to be helpers and service providers should know better than to let the commercialism move in over here. If you plan to be an avid helper of these folk, and a third-party-service provider, part of your assumed responsibility is to hold the line and see to it that this site remain free of blatant solicitations. IOW, offer these folk some help if you have time, resist the blatant solicitations, refer them to cubecart.org.

Be tasteful and non-obtrusive about promoting your services in the .com forum, or you will continue to get warnings, editings and a wary eye from people like me. You're either part of the cure, or part of a problem :unsure:

Share this post


Link to post
Share on other sites
Guest shandaman

Hello all, again i am not really dis obeying the rules anymore I simply point them to the .org forum which all of you have post's saying the same thing. Ansuk, i actually pmed the person you are talking about and the person nicley said that they thought i wa s a bit pushy in my approach. I thanked them for the crits and am working on it.

In regards to this mod being on this thread yes it is, sort of, but not how to actually apply it to your latest products, .tpl file my pdf covers that and what each field is that we add in. Some people need help with that. I wish i had a cheap way of doing it when i first started with cube cart but i had to learn it on my own as i havent had the personl funds to buy mods for these changes.

I might end up just putting this mod in the free section ill see how it goes. Im not here to make any of you look bad, and i dont believe you here to do that to me. So sorry that you believe i jump in on threads and ill try to whatch it more, but i'm simply pointing them to the direction of my services not posting any links unless its to one of your guys mods, i havent posted a direct link for any of mine yet and dont plan to.

Hope i have cleared things up.

Share this post


Link to post
Share on other sites
Guest vrakas

Rules are rules and apply to all of us.

DO NOT advertise your mods in here, the place to do this is in Shameless Promotion and .org forum (read the rules).

Some of you have allready been warned and the warning level that is viewable to Admins and Moderators gives us the whole history of the warning reasons and actions taken.

Please stay within the rules and if something is not clear (specially to newbies) you can ask a moderator to clarify it for you.

@shandaman

You have been warned about advertising in here and the help you provide to other users is appreciated but there are mods allready posted for FREE (.org and .com) and it is not ethycal by anyone to try and sell one that has allready been published for free.

Thanks for applying the rules :P

Thread is closed.

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

×
×
  • Create New...