You are here:  » Pagination & Responsive


Pagination & Responsive

Submitted by stew on Mon, 2014-09-29 11:44 in

Hi David,

Just looking at pagination, I've installed the beta plugin version and currently getting results here:

{link saved}

is there a setting I have to select to get pagination for the results?

Also just to check is the beta version of the plugin using responsive design for mobile? No problem if not - just checking as thought I had read it's responsive and results at present seem static,

Many Thanks,

Submitted by support on Mon, 2014-09-29 15:00

Hi stew,

Quick note first - check the value in /wp-admin/ > Settings > PriceTapestry.org under the External setting for $config_currencyHTML = it appears to begin "@" at the moment appearing in output - if you change that to:

£

...the pound sign should then appear correctly.

Regarding pagination; this isn't displayed by default when using a shortcode to display results e.g.

[pto search="Keywords"]

To display pagination for the ($config_resultsPerPage) results shown, edit the plugin file pto.php look for the following code at line 802:

  $html .= pto_search();

...and REPLACE with:

  $html .= pto_search();
  $html .= pto_search_navigation();

Finally, regarding the responsive layout - it does appear to be using the new responsive classes of the beta version but I notice there is an issue with image size being inherited from a higher level class in your template. To correct this, if you edit the plugin file resource/pto.css and add a new definition by looking for the following code at line 19:

.pto_sr { /* searchresults */
  margin: 15px 0;
}

...and REPLACE with:

.pto_sr { /* searchresults */
  margin: 15px 0;
}
.pto_sr img {
  max-width: 100% !important;
  max-height: 100% !important;
}

Hope this helps!

Cheers,
David.
--
PriceTapestry.com

Submitted by stew on Mon, 2014-09-29 15:32

HI David,

That all worked brilliantly - many thanks, the only page that looks like it may not have worked with the responsive code is for example the product page:

{link saved}

the product image for example doesn't seem to resize - not sure whats happening there?

Pagination;

On pagination, for a page such as:

{link saved}

using a shortcode to display a set of results. When Page 2 is clicked the URL is:

{link saved}

Is it possible with the plugin to get a URL similar to:

{link saved}

which retains the current URL?

Will see what you think,

Many Thanks,

Submitted by support on Tue, 2014-09-30 10:10

Hello Stew,

For the main product image, add the following to the top of the plugin file resources/pto.css:

.pto_pr-img {
  max-width: 100% !important;
  max-height: 100% !important;
}

It will be possible to get the pagination links to work within the same page - I'll set that up on my test server and follow up shortly - just wanted to reply quickly with the above for now...

Cheers,
David.
--
PriceTapestry.com

Submitted by support on Tue, 2014-09-30 11:14

Hello Stew,

To enable embedded navigation; in addition to the above modification where you added the following code at line 803 of pto.php:

   $html .= pto_search_navigation();

...REPLACE with:

   $html .= pto_search_navigation(TRUE);

Then in pto_search.php look for the following code at line 610:

  function pto_search_navigation()

...and REPLACE with:

  function pto_search_navigation($embedded=FALSE)

And finally look for the following code at line 671:

    default:

...and REPLACE with:

    default:
      if ($embedded)
      {
        $navigationBaseHREF = $_SERVER["REQUEST_URI"];
        if ($_SERVER["QUERY_STRING"])
        {
          $navigationBaseHREF =
            preg_replace('/pto_page=[0-9]+/','',$navigationBaseHREF)."pto_page=";
        }
        else
        {
          $navigationBaseHREF .= "?pto_page=";
        }
        break;
      }

Hope this helps!

Cheers,
David.
--
PriceTapestry.com

Submitted by stew on Tue, 2014-09-30 13:42

Hi David,

Both posts worked great :-)

Many thanks for that, the URL is especially just what I was looking for with the '?pto_page=9' simply now added onto the end - great,

Many thanks for that,

Cheers

Stew