change the place of sort by

  • Posts: 47
  • Thank you received: 0
9 years 7 months ago #197265

-- HikaShop version -- : 2.4.0
-- Joomla version -- : 3.4.1
-- PHP version -- : 5.5.12

Hi,
I dont find how to place the sort by filter beside the display by.
for the moment I placed the filter in a module and i dont like it, I prefer to call the filter code in the pagination code but I dont know how.
What I have now is the sortby pic and I want it like sortby2 pic.
thank you

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
9 years 7 months ago #197266

Hi,

It should be possible with CSS.
If you could provide a link to the page, we could analyze your CSS and give you a more precise solution.

Please Log in or Create an account to join the conversation.

  • Posts: 47
  • Thank you received: 0
9 years 7 months ago #197303

Hi,
I'm working on localhost.
Can you give me an idea what I should change.

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
9 years 7 months ago #197310

I'm not sure. Maybe a float:right on some of the divs around the sorting dropdown in order to move it to the right of the area and then some more CSS on these divs and on the divs around the display dropdown.
The exact CSS will vary a lot based on the template, the exact way how the page is setup, if some customization were made, etc.
That's why we need to look directly at the page in order to give precise CSS code. It takes us half an hour analyzing the CSS, the HTML, and coming up with a proper solution, with many tries, so even if I was guessing and giving you some CSS code, there would be almost no chances that it would work.
If you know CSS, then you can do that on your own and in that case, you can look at our general instructions on how to add your CSS code to HikaShop:
www.hikashop.com/support/support/documen...ize-the-display.html

Please Log in or Create an account to join the conversation.

  • Posts: 47
  • Thank you received: 0
9 years 7 months ago #197689

Hi,
Yes I know css but i'm not an expert.
I will put this option on stand by for the moment and i will come back to you when the website is online.
thank you

Please Log in or Create an account to join the conversation.

  • Posts: 47
  • Thank you received: 0
9 years 5 months ago #205014

Hi,
I still have the same problem. I cant place the sort in the middle. I tried with float but it is not working maybe I miss something!

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
9 years 5 months ago #205019

Hi,

Please give us the url of your website in order to have a look at that.

Please Log in or Create an account to join the conversation.

  • Posts: 47
  • Thank you received: 0
9 years 5 months ago #205161

Ok.
thank you

Last edit: 9 years 4 months ago by ilemaitre.

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
9 years 5 months ago #205174

Hi,

You can potentially add this kind of css properties at the end of your template css file:

#jsn-usermodules1{
  position: relative !important;
  top: 75px !important;
}

The following user(s) said Thank You: ilemaitre

Please Log in or Create an account to join the conversation.

  • Posts: 47
  • Thank you received: 0
9 years 5 months ago #205901

thank you

Please Log in or Create an account to join the conversation.

  • Posts: 47
  • Thank you received: 0
9 years 4 months ago #207298

I didnt pay attention before, but when I changed the position of sort by with the css, the display by and the page number become not clickable.
is it the position relative that is not good?

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
9 years 4 months ago #207303

Hi,

It's possible that your modification creates an overflow one the pagination buttons.
The best is to check/analyze your DOM to find a CSS solution and see how the element is becoming non-clickable.
www.hikashop.com/support/support/documen...ize-the-display.html

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 47
  • Thank you received: 0
9 years 4 months ago #207412

Yes that is what I meant, there is a overflow on the pagination and I dont know how to remove it.
and I see that the sort by module appear also in product page not just in category page, so how to remove it from product page and keep it in category page.
thank you

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
9 years 4 months ago #207430

We don't know what element overflow over the other so we can't provide an answer.
Again, we need the URL of your page in order to check on the issue directly.

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
9 years 4 months ago #207467

Hi,

So you can avoid the overflow with such CSS:
.sort_by {
width: 300px;
}

And if you don't want a module on products pages but you want it on the listings, you want to use the extension Advanced Modules Manager in order to set that as the normal settings of the Joomla modules manager do not allow for that.

PS: All the CSS on this thread is about customization of the module positions of your Joomla template, not about HikaShop. Please contact your template provider for further questions on template CSS customization.

The following user(s) said Thank You: ilemaitre

Please Log in or Create an account to join the conversation.

Time to create page: 0.084 seconds
Powered by Kunena Forum