Jump to content

[SOLVED] Need change subcategories position


Recommended Posts

Here are changes you need to do
global.css (line 81)

#left_column {
float:left;
margin-top:2em;
width:193px;
}


global.css (line 413)

div.list_product {
float:right;
margin-bottom:1em;
width:650px;
}


global.css (line 418)

body#category #subcategories {
float:left;
width:640px;
}



And you could adjust width values.

Share this post


Link to post
Share on other sites

I changed code, and it worked! I have change:

global.css (line 413)

div.list_product {width:650px; margin-bottom:1em; float:right;}



global.css (line 418)

body#category #subcategories{width:650px; float:right}

Share this post


Link to post
Share on other sites

Need more help. In main category are shown sub ctegories, but when i open sub category witch have more sub categories i don't want that subcategories be visible. Only visible must be products without subcategories.
Is that possible?

Share this post


Link to post
Share on other sites
Here are changes you need to do
global.css (line 81)
#left_column {
float:left;
margin-top:2em;
width:193px;
}




Thank razaro!

With your permission, I just corrected the code:
global.css (line 81)
#left_column {
clear:left;
margin-top:2em;
width:193px;
}



But still remains a problem with cashondelivery (3) ((

Maybe there is a solution?

28621_s2eQfriaMukzFvW5x2GQ_t

28622_5gZuMCy5i61SkpQueDxr_t

28624_TaQhqoJQevN4WSY723xg_t

Share this post


Link to post
Share on other sites
Need more help. In main category are shown sub ctegories, but when i open sub category witch have more sub categories i don't want that subcategories be visible. Only visible must be products without subcategories.
Is that possible?

sorry for late replay, try this : in categories.tpl add if statement in list item
        {foreach from=$subcategories item=subcategory}
1}style="display:none"{/if}>



@Fant63
Can you post link to your site so i could check it out ?

Share this post


Link to post
Share on other sites

Try this

ul.step {
float:left;
list-style:none outside none;
margin-top:1.5em;
width:100%;
}


global.css (line 558)

Changed width from 670 px to 100% so check are other steps OK.

Share this post


Link to post
Share on other sites

Thank you for your work!
After the change, it looks like the figure below:

For convenience, I spread global.css and link to the site www.mypozitiv.ru/


global.css not boot (((

28685_rU8ZP318pf2HMSfscChU_t

Share this post


Link to post
Share on other sites

Yes that is right file, you need to add just one div around everything below breadcrumb
and style it a little like this

{capture name=path}{l s='Shipping' mod='cashondelivery'}{/capture}
{include file=$tpl_dir./breadcrumb.tpl}



{l s='Order summation' mod='cashondelivery'}

{assign var='current_step' value='payment'}
{include file=$tpl_dir./order-steps.tpl}

{l s='Cash on delivery (COD) payment' mod='cashondelivery'}

<form action="{$this_path_ssl}validation.php" method="post">
....
</form>

 


I attached file as zip

validation.zip

Share this post


Link to post
Share on other sites

Thank you for your help)))

I just corrected the code, Order summation rose in his place ... but the central part slipped right

Maybe I better look for another subject?

28730_bdpRhWl1Z5IUsN7ocW8z_t

28733_RDxFWpcuwDwVwFjpQpot_t

Share this post


Link to post
Share on other sites
  • 1 month later...

First of all thanks a lot for the post. I've another few problems.

When the category name is lengthy, it overflows the data in side the box.
Also the order confirmation page does not appear correctly(Every thing are floated to right side).

Please check the attachment for have a better picture of the problem.

Any help will be really appreciated.

Thanx!

30399_2JtMMQqNiMRzSGeUuS06_t

30412_oDAXacPSjBnP2q6QiCVI_t

Share this post


Link to post
Share on other sites
  • 3 weeks later...

pour moi, voici ce qui a fonctionné:

81 #left_column, #right_column {clear:right;} à la place de #left_column, #right_column {float:left;}
82 #left_column {clear:left; width:193px; margin-top:1.6em} :rien à changer

pour le reste des modifs citées avant pour les lignes 413 et 418, rien à changer à part ajuster le width ligne 413 (415 chez moi à cause des modifs)

div.list_product {width:720px; margin-bottom:1em; float:right;}va bien sinon, ca dépasse à droite

Penser à ajuster les valeur des images de catégories dans préférences -> images du backoffice
pour moi, 720 x 240 va bien.

Du coup, cela solutionne également l'utilisation du module sotewsadd dans la partie "homepage" des positionnement de module.

voir le résultat: http://www.vinipink.fr/boutique/15-cafes

J'espère que ca va aider d'autres personnes
Ce thème vaut le coup de l'améliorer
Merci DG craft

Share this post


Link to post
Share on other sites

Does anyone know what the css code would be to fix the alignment in the category product section? Same template issue as subcategories problem posted but I cannot find the area to edit. See attached.

31388_8qCVebtQxU6Vpq00qIJt_t

Share this post


Link to post
Share on other sites
  • 2 weeks later...

Guys this modification is not yet completely done. I've a similar problem when I'm using IE6, IE7 & IE8. When it comes to the 3rd root of the category tree, category block doesn't seem floating up and it floats up at the root of 1st and 2nd. but this works fine in Firefox, Chrome.

Please see the attach.

Any help will be really appreciating!

Thanks in Advance!

32055_610jXkMY0FzZK7eAgOoJ_t

Share this post


Link to post
Share on other sites

I solved this problem by changing global.css

#center_column .products_block ul{width:700px}

change above to:

#center_column .products_block ul{width:679px}


And also

#center_column .accessories_block ul{background-image:none;width:700px;float:left;}

to

#center_column .accessories_block ul{background-image:none;width:697px;float:left;}

Share this post


Link to post
Share on other sites
  • 3 months later...

ive maid another post and was sent here but i can not see the answer. on my home page the products only show 3 across how can i change it to 4 across.

Thank you
Have a look here.
www.feelgood-lingerie.co.uk

Share this post


Link to post
Share on other sites

Now I see it's 4 across, but you need to move your left column up to cover the empty space. I'm using Firefox to view your site.

The solution (modification of codes) is in the 1st 6 posts, in particular reply post #1. You can tweak the widths to try to get 4 images across.

Share this post


Link to post
Share on other sites

I'm hazarding a guess that it's due to the subcategories' images and descriptions.

Try removing one of them and see what's the result?

Another possible alternative is to :
A) Reduce the left column by a few pixels (could be the lines that are messing up the alignment)
OR
B)Shift the subcategories' images and description div box a bit more to the right.

The modification of the subcategories div boxes will need advise from more experienced users here.

Share this post


Link to post
Share on other sites

Making the left column smaller did not make a difference.

I feel like the answer should be really simple, but I've tried a lot and nothing seems to work. That while it does work fine on a category page with just subcategories. It doesn't make sense...

Share this post


Link to post
Share on other sites
Making the left column smaller did not make a difference.

I feel like the answer should be really simple, but I've tried a lot and nothing seems to work. That while it does work fine on a category page with just subcategories. It doesn't make sense...

Have you tried the method in post #20?

Share this post


Link to post
Share on other sites
pour moi, voici ce qui a fonctionné:

81 #left_column, #right_column {clear:right;} à la place de #left_column, #right_column {float:left;}
82 #left_column {clear:left; width:193px; margin-top:1.6em} :rien à changer

pour le reste des modifs citées avant pour les lignes 413 et 418, rien à changer à part ajuster le width ligne 413 (415 chez moi à cause des modifs)

div.list_product {width:720px; margin-bottom:1em; float:right;}va bien sinon, ca dépasse à droite

Merci DG craft


Thanks!! :-)

Share this post


Link to post
Share on other sites
  • 3 weeks later...

Hi, I also have one problem with the matrice theme I cannot find a way to fix myself.

It's a formatting of the error page, when a product is not found. I think it should be 404 page.
Left column is gone left (see the picture for more info)
Or sample here: http://www.dakine-shop.cz/zimni-cepice/579-magic-spiker-protiskluzove-navleky-na-boty.html

Many thanks for any ideas :)

39056_U5pFlc6S5yNzFmzZ4kor_t

Share this post


Link to post
Share on other sites
  • 1 month later...
  • 2 weeks later...
Here are changes you need to do
global.css (line 81)
#left_column {
float:left;
margin-top:2em;
width:193px;
}


global.css (line 413)

div.list_product {
float:right;
margin-bottom:1em;
width:650px;
}


global.css (line 418)

body#category #subcategories {
float:left;
width:640px;
}



And you could adjust width values.



please help me, i cannot find this on /theme/matrice/css/global.css

that line must be add manualy, or we just edit ?
thanks before..

one more question, that error also happened on manufacturer lis. how to fix it. thanks

Share this post


Link to post
Share on other sites
  • 1 month later...

Hi

I also cant find the div names to change the values. But this may be due to updating to Matrice theme 1.4.

Can someone advise me on how to achieve this with Matrice theme 1.4 please?

Thanks in advance!

Share this post


Link to post
Share on other sites

hey guys!
I got same problem like this :(check attached image)
but mine is 1.4 and global.css look totaly different.
Is anyboday figured out on 1.4??
Thank you for your help~!

45020_JlzP4PvKnadfTlJXuXXl_t

Share this post


Link to post
Share on other sites

@fcmdiana, Thank you very much!!! It works!!
I changed:
div.list_product {float:right;margin-bottom:1em;width:650px;} and
body#category #subcategories {float:left;width:640px;} .

thank you again!!

Share this post


Link to post
Share on other sites

Ahhhhhh problem after problem..
up there some people got problem on 1.3.3, and I have same problem with 1.4.
My problem is just same as post #37(see attached image)
and tried method from post #20, #33, but both not working and didn't changed anything.
every problems I have looks like width is too long, but no idea where should I fix..

and.. other thing is how can I remove "my account" from left colum?

Sorry for my English.
thank you for your help!!

45337_jLm6fn8CRrY5r9Q4CNCF_t

Share this post


Link to post
Share on other sites
  • 2 weeks later...

Could anybody share Hook.jpg(from Matrice theme) in English with V1.4??
Previously, I post my problem on here: http://www.prestashop.com/forums/viewthread/65926/themes/need_change_subcategories_position
but today just I notice that I didn't fallow the DG's basic rule. The hook.jpg.
Once I checked this configuration, it was all French, so I was ignored and....
I think that's why still I'm suffering for figure it out all the ugly look on my site.
I'm still new in Prestashop and not so sure what modules should I keep enable / move /disable on back office-> module->position.
Could you show me how did you set yours?
I will really appreciate your help.
my website is: http://s244953920.onlinehome.us/dahiny141/

Share this post


Link to post
Share on other sites

if you want to move my account to the right side, just add a

at the start and
at the end of my-account.tpl.
if you want to disable the my account module on the left column, you have to decide first, do you want to disable this module everywhere or just in this my-account.php?

to disable completely, just uninstall this module in the module tab. to disable it only on specific page, go to the position under the module tab and then look for "my account" module, click edit and then just fill in on the empty field -> my-account.php.

Share this post


Link to post
Share on other sites

Hello and thank you by advance,

Does anybody have a solution for this problem, because I'm on it for a while, I made a print capture.
Please let me know,

46168_28gcXXMbvjLPXfucLF3k_t

Share this post


Link to post
Share on other sites
Hello and thank you by advance,

Does anybody have a solution for this problem, because I'm on it for a while, I made a print capture.
Please let me know,


Did you read this above your post?

if you want to move my account to the right side, just add a
at the start and
at the end of my-account.tpl.
if you want to disable the my account module on the left column, you have to decide first, do you want to disable this module everywhere or just in this my-account.php?

to disable completely, just uninstall this module in the module tab. to disable it only on specific page, go to the position under the module tab and then look for "my account" module, click edit and then just fill in on the empty field -> my-account.php.

Share this post


Link to post
Share on other sites
  • 1 month later...

Hi guys and gals,

I am using Matrice team on my prestashop website version 1.4.3 and I am running into a lot of problems, first of which is when clicking a category, the page goes to a page wherein the center_column does not have any display at all...

I tried using the category.tpl of the default theme and it works with messed up layout but when using matrice's, it doesnt work at all...

can anyone please help me? thanks?

Share this post


Link to post
Share on other sites
  • 2 months later...
  • 2 months later...

hey guys!

I got same problem like this :(check attached image)

but mine is 1.4 and global.css look totaly different.

Is anyboday figured out on 1.4??

Thank you for your help~!

 

Hi all, i have found the css code but i do not know to what to change it. Please help :)

Share this post


Link to post
Share on other sites
  • 2 months later...

people who are having trouble with the white space on top of the left column, delete the float:left; in global.css

"#left_column, #right_column {width:190px;}" tag. it worked for me. ofcourse the width shouldnt matter long as it's not diggin into the main column.

 

g-

Share this post


Link to post
Share on other sites

Hallo,

Thanks for all the help here. I was discovering a lot of things and I lerned a lot. But now I don´t find an answer.

I need to move a Paypal module like in the photos. Paypal ist wrong and bankwire ist ok.

An idea?

Paypal module is 2.8, prestashop 1.4.6.2, Theme Matrice, my web www.manenausdraht.de

 

Thanks a lot!

post-217820-0-80294800-1330769591_thumb.jpg

post-217820-0-79855400-1330769600_thumb.gif

Share this post


Link to post
Share on other sites

Position Paypal Module Matrice Problem solved!

Hi, Ihave solved it!

go to:

module/paypal/comfirm.tpl

 

after line

 

{include file="$tpl_dir./breadcrumb.tpl"}

 

you need to add

 

<div class="cms">

 

result:

 

{include file="$tpl_dir./breadcrumb.tpl"}<div

 

class="cms">

 

After it, go to the end of the page and add:

 

</div>

 

It´s all!

 

solutions here:

 

http://dgcraft.free.fr/blog/index.php/themes-prestashop/matrice-themes-prestashop-1-3-1-gratuits/

 

and here:

 

http://www.prestashop.com/forums/topic/112117-solutions-theme-matrice-14/page__st__160

 

thank people!!

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More