• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Alex
  • Private: No
  • Open Date: 09.07.16, 21:05
  • Opened by: Seserman Cosmin
  • Closed by: Alex
  • Closed on: 21.09.16, 09:24
  • Reason: Closed
  • Comment: Glad to help!

Ticket #9746 - pk_isotopesort issue

Hello

1.I wanna display more products for each category. And if I put 10 products to be shown only on the home page , only in all I have more products in the categories field it shows only 1 or 2 or 3 for one category and for the second more and the third even more . How can this be even ?

2.And also the button for view more is not showing up.

3.How can I change the text dimension for the categories name

I need at least of 5 products from every category to be display ( 10 will be better)

Thanks

Comments

Seserman Cosmin 11 Jul 2016, 18:45

Please help me with this module. I don.t understand why everytime when I try some of the featured from the theme, everytime something is going wrong and no work properly :(

Alex 12 Jul 2016, 10:32

Hi.
1) Because here you have set 10 products http://prntscr.com/bruml0
So total number from all tabs was only 10. Now I’ve set there 100 and everything is ok.
2) add this code to the CustomCSS 

/* isotope show VIEW button */ #white_bg #pattern #isotopeSort li:hover .exclusive.altview {display: inline-block !important}

3) Show me please the issue with the screenshot

Seserman Cosmin 12 Jul 2016, 20:54

The categories from isotop module

Seserman Cosmin 12 Jul 2016, 20:56

And also , can I put the tag H1 fo them ?

Thanks?

Alex 14 Jul 2016, 23:24

Hi. Sorry for waiting.
3) Do you mean font size?
4) H1. You can do that in the file modules\pk_isotopesort\pk_isotopesort.tpl

Seserman Cosmin 17 Jul 2016, 21:56

3) Yes
4)Thanks

Seserman Cosmin 17 Jul 2016, 22:16

And the button for “View more " I saw that is not working on any of my mobile devices. What can I do

Alex 18 Jul 2016, 09:45

Hi.
3) 

/* Isotope tabs font-size */
#isotopeSort .option-combo li a {font-size: 22px}

By default it’s 22px
4)
Added this code to your CustomCSS and now it seems ok on mobiles

@media (max-width: 728px) {
    #white_bg #pattern #isotopeSort li .exclusive.altview {
        display: inline-block !important;
        opacity: 1;
        top: 10px;
    }
    #isotopeSort li:hover .price_container {opacity: 1}
    #white_bg #isotopeSort .price {font-size:18px}
    #white_bg #isotopeSort .isotope-old-price {font-size: 16px}
}