Jump to content

General custimising..


Guest sound

Recommended Posts

hi,

Been messin with cubecart files for a few days now and from viewing other peoples comments etc

I'm starting to get a look that seems quite intresting.. well to me at least, some problems i have are

I can't remember half of the text edits when i find them and a few other small issues.. for instance:

If you click on a category on the left Example:

uniquevinyl.net/cc/

..Doesn't that look nice and neat? sweet.

Was wondering how i'd have the whole site stay that size, or could i have the categories load in an iframe

so then you'd just set the iframe height and width... how do they do it? Basicaly ther'd be no right scroller.

I'd like to get the audio buttons into the main categories also, instead of user having to click more info.

Having fun, learning.. etc..

Later

Link to comment
Share on other sites

as its all loaded on one page you couldn't use an iframe but you could use a scrolling div, in you viewCat.tpl file put <div class="scrollc"> at the begining just AFTER the <!-- BEGIN: viewCat --> and then just BEFORE <!--END: viewCat --> put </div>

then in your layout.css style sheet add the following...

.scrollc {

height: 400px;

overflow: auto;

}

that will make that area scroll when the content over flows the area...

PS: change the 400 thats in bold to the height you want

Edited by aikdo
Link to comment
Share on other sites

Wrong link sorry

uniquevinyl.net/cc/index.php?act=viewCat&catId=6

Can the second part be at the start of the layout.ccs or where shpuld it be

.scrollc {

height: 400px;

overflow: auto;

}

And there's a </div> tag allready at the end of the tpl file, something went wrong :)

--

ok i got that scroller like you said, exactly the right lenght,

But i can't figure out why the right side blocks are loading under.

Link to comment
Share on other sites

I think it's the scroller pushing the right blocks under,

So i either need to make the center content smaller or the site wider?

how wound i do that please, if that's how to fix it.

Link to comment
Share on other sites

Just add ANOTHER div tag at the bottom... if you didn't put that then it will break the whole layout, and the Css i gave you can go in either of the layout.css of style.css files...

Link to comment
Share on other sites

Doin something wrong, i have at the end of that viewCat.tpl :

<!-- END: productTable -->

<!-- BEGIN: noProducts -->

<div>{TXT_NO_PRODUCTS}</div>

<!-- END: noProducts -->

<div class="pagination">{PAGINATION}</div>

</div></div></div>

<!-- END: view_cat -->

Here under the Techno link:

uniquevinyl.net/cc/index.php?act=viewCat&catId=7

All n all she's lookin sweet

I'm not thinkin straight today, time for a rest.

Thanks for all your help.

Link to comment
Share on other sites

My mistake the begining is

<!-- BEGIN: view_cat -->

and the end if

<!-- END: view_cat -->

your almost there but you didn't put the </div> before <!-- END: view_cat -->

Edited by aikdo
Link to comment
Share on other sites

<!-- END: products -->

</table>

<!-- END: productTable -->

<!-- BEGIN: noProducts -->

<div>{TXT_NO_PRODUCTS}</div>

<!-- END: noProducts -->

<div class="pagination">{PAGINATION}</div>

</div><!-- END: view_cat -->

That doesn't work, am i missing the plot.

I think i'm suffering stress dissorder.

Link to comment
Share on other sites

?

I'm lost i've added 1, 2, 3 div tags just before that line and it doesn't work for me yet.

Same story with that <br clear="all"/>

<!-- END: noProducts -->

<div class="pagination">{PAGINATION}</div>

</div><br clear="all"/><!-- END: view_cat -->

Link to comment
Share on other sites

Please read the post again i made some alterations... Now you seem to have deleted the div that you just put in... the div should stay there...

Edited by aikdo
Link to comment
Share on other sites

Sorry nothin yet..

It takes 3 of those tags to move it away and move it too far right.

<!-- BEGIN: noProducts -->

<div>{TXT_NO_PRODUCTS}</div>

<!-- END: noProducts -->

<div class="pagination">{PAGINATION}</div>

</div></div></div><br clear="LEFT"/><!-- END: view_cat -->

Link to comment
Share on other sites

thats because your then closing all the other divs that build cubecart, you should ONLY add the ONE div no more...

So for the alignment im not sure, maybe someone will spot this post that can see whats wrong... but there is not much activity on the boards at the moment...

Link to comment
Share on other sites

Ok so it should be like this:

</div><br clear="LEFT"/><!-- END: view_cat -->

Guess i'll take that modification out for now.

Could i not widen the width of the site?

Catch ya later, need a rest.. merry Christmas to you

Link to comment
Share on other sites

Hi, I just looked at your page, and it appears that you've got things straightened out? Having checked all the categories, I didn't see any layout features being shoved around the page in IE.

Perhaps you removed the code you were working with?

Anyway here is a hint to all: The columns in this skin are divisions which are aligned with the float property. I would suggest that if you wish to add a scrolling division, when you set the division to overflow, you should specify overflow-y; overflow property unqualified would tend to allow for overflow in both directions, overflow-x would allow overflow left to right, overflow-y would allow overflow top to bottom.

Not having seen your problem, I cannot be sure that this is what caused it, but no matter - it would be good coding to specify overflow-y in the future :)

A second consideration would be certain browsers adding the scrollbar to the full width of the set division, rather than subracting the scrollbar size from the set width. Meaning: If you add a scrollbar, you may need to make the original division a little less wide in order to accomodate the scrollbar. Change the width for .colMid class in layout.css

Edited by markscarts
Link to comment
Share on other sites

Hi,

Yea I removed it last night.

I would suggest that if you wish to add a scrolling division,

when you set the division to overflow, you should specify overflow-y;

Not sure how to follow those instructions, but i'd like to have the scroller.

As you see on the main page, i'd like if the whole site stayed that height.

I supose the next thing is add a few real products and set up the payment system.

Over all i like the look and the whole system is nice and tidy (when i use the scroller)

Gonne grab me bottle of Bailey's and butterscotch schnapps and head to the parents for xmass.

Will get stuck back into this tomorrow night, i'd rather do it now, but no rush.

---

Edit

---

I was wondering.. does my site look like it's pulling to the right a little?

I'll put that scroller back in so you can see the prob when you click on a category.

i.e.

In the view_Cat.tpl I have :

<!-- BEGIN: view_cat -->

<div class="scrollc">

<div class="boxContent">

<span class="txtContentTitle">{TXT_CAT_TITLE}</span>

<br clear="all" />

<!-- BEGIN: sub_cats -->

And the bottom i have :

<!-- END: noProducts -->

<div class="pagination">{PAGINATION}</div>

</div>

</div><!-- END: view_cat -->

And the layout.ccs I put that other code at the start :

.scrollc {

height: 400px;

overflow: auto;

}

body {

margin: 5px;

background-color: #1E1E1E;

background-attachment: scroll;

background-image: url(../styleImages/backgrounds/pageBg.jpg);

background-repeat: repeat-x;

background-position: top;

Now you'll see the problem if you click on a category i.e. "Techno"

Anyhow.. Merry Christmas all.. hope it's a good one!

Link to comment
Share on other sites

Using Overflow-y / Overflow-x will only allow the text to overflow the box, what sound wanted was the ability to Scroll, it will only scroll left/right if an image or something simular is put in, but this without the scroll would simply brake the layout so it has just as bad an effect...

Im glad you got it working :dizzy:

Link to comment
Share on other sites

it will only scroll left/right if an image or something simular is put in

Not necessarily; you have in the instance of many CubeCart templates, a set of divisions floating left; if no width for the division is set or if a browser in quirks mode ignores the div width for some reason, horizontal scrolling could be possible with the floating elements. As I wrote above, this may not be causing his problem, but it would definitely be worth looking at.

Since CubeCartâ„¢ set a static width on .colMid I felt that it was probably the added width of the scrollbar itself causing the problem, in which case the width for .colMid would need to be lessened - this turned out to do the trick :errm:

As often is the case, the advice I gave above was off the top of my head and untested - no guarantees, but when I work through these types of things for myself, my scattergun approach yeilds results with a little trial and error :dizzy:

Link to comment
Share on other sites

I appreciate all your help, i'm here to learn.

Wasn't following you on the y - x overflow.

Using Aikdo's code in the first reply to this topic and Markscarts advice

on changing the .colMid in the layout.ccs file, made me a neat scroller i think :dizzy:

What i'm wondering now is if i have a total of example 5 pproducts in

each category.. what happens for a new page? do you get page numbers?

Have a few other things i'd like to do, for instance;

my audio buttons moved to the main categories, i hope that's me next job.

Is my site pushing/pulling to the right a little?

Thanks again both.. i'm sure i'll have other querstions later..

Later!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...