Rupert121

Another update – the arrows in widget area are only visible if I put shortcode also in the article.

Pages without the shortcode in the article are showing stacked items in widget sidebar area.

OK, I have managed automatic formatting with cloning original code, and then removing all carriage returns from code.

But now I have other problem – on main page, and in category pages, the items are stacked vertically, and on article pages are normal (with arrows).

https://uredjenje-doma.com/

Can you help me with that?

There are PHP warnings on plugin:

Undefined offset: 0
wp-content/plugins/seo-image/seo-friendly-images.class.php:611
wp-content/plugins/seo-image/seo-friendly-images.class.php:633

Can’t resolve how can I fix that, and I think it is slowing site down a bit.

Anybody has a clue.

WORKING!

The code from Jmanpa is working.

Just find
function seo_friendly_images_process( $matches ) {
in seo-friendly-images.class.php, and add:

$options = get_option($this->key);
$this->process_parameters = $options['rules'][0]['options'];

after global $post;, so your function will look like this:

function seo_friendly_images_process( $matches ) {
    global $post;
    $options = get_option($this->key);
    $this->process_parameters = $options['rules'][0]['options'];

WP PageNavi just released update where you can change the name of container (you could put option to change the name of container your script was looking for to WP PageNavi), and now the only thing to do is change that setting from “WPPageNavi” to “woocommerce-pagination”.

And with number of product per page – your script is looking at number of Blog posts per page, which is wrong. I don’t want to have 20 blog posts, but I want to have 20 products on page.

So you should look for number of products in filter
add_filter( ‘loop_shop_per_page’, create_function( ‘$cols’, ‘return 24;’ ), 20 );
or install your own page dropdown with that filter.

I hope that I helped.

I don’t understand your answer – what will you fix and what is in paid version?

I hope that I don’t need to pay to have ajax price slider filter which will not break my page design?

And why are you changing my woocommerce settings and display only 10 product per page? I think that we don’t need to pay for that you alow us to have desired number of product on page. You may ask to pay for plugin functionality, not woocommerce settings.

Regards,
Rupert

Now I found out that same duplication problem is with page numbering.

Btw… if filter changes number of pages that doesn’t show in page numbering – it shows same number of pages and break filter.

I use WP PageNavi.

I am using this code with just colorbox installed, so you can modify it for your purposes (it is Facebook + Pinterest button added to gallery photos):

$(".gallery").each(function(index, obj){
            var galleryid = Math.floor(Math.random()*10000);
            $(obj).find("a").colorbox({
              rel:galleryid,
              maxWidth:"90%",
              maxHeight:"85%",
              scalePhotos: true,
              scrolling: false,
              current: "Image {current} from {total}",
              title:function () {
                galeryURL = $(this).attr("fb-data");
                var imageURL = $(this).attr("lightbox-url");
                var postTitle = $(this).attr("postTitle");
                var code =    '<div id="cboxTitleLeft">';
                if (typeof FB !== 'undefined') {
                  code = code +   '<div class="FBlike"><div class="fb-like" data-href="' + galeryURL + '" data-send="true" data-layout="button_count" data-width="386" data-show-faces="false" data-font="segoe ui"><\/div><\/div>';
                  code = code +   '<script type="text\/javascript">FB.XFBML.parse(document.getElementById("FBlike"));<\/script>';
                }
                  code = code +   '<div class="Pinterest"><a href="//pinterest.com/pin/create/button/?url=' + galeryURL + '&media=' + imageURL + '&description=' + postTitle + ' | Ure?enje doma" data-pin-do="buttonPin" data-pin-config="beside" data-pin-color="red" data-pin-height="28"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_28.png" /></a></div>';
                  code = code + '<\/div>';
                return code;
              },
              href: function () {
                var imageURL = $(this).attr("lightbox-url");
                return imageURL;
              }
            });
          });

and you need to add this code instead classic image output in gallery code (put it in functions.php):

$output .= "<{$itemtag} class='gallery-item'>";
    $output .= "
      <{$icontag} class='gallery-icon {$orientation}'>
        <a title='" . $atttitle . "' href='" . $attPageURL . "' lightbox-url='" . $attlink . "' fb-data='" . $attPageURL . "' postTitle='" . $postTitle . "'>
          $image_output
        </a>
      </{$icontag}>";

I am not using Lightbox Plus Colorbox plugin until now, because it is not working on my site, but I am planing to do so, so I will update this code later.

Does anybody figured out how to display Google ads in colorbox overlays? ??

That is what I was thinking, but it was easier to ask than to search.

But I needed to change it to work. The proper code uses min-width:

@media screen and (min-width: 767px) and (max-width: 1200px) {
   .cloned {
      top:0 !important;
   }
}

Thank you!

This is old topic, but I find a simple solution. Add this to your functions.php (use child theme):

// Counting characters in Category description
function category_count_js(){
	if ('page' != get_post_type()) {
		echo '
		<script>jQuery(document).ready(function(){
			jQuery("#description").after("<div style=\"position:relative;float:right;color:#666;\">Description length: <span id=\"excerpt_counter\"></span> / 280 character(s).</div>");
			jQuery("span#excerpt_counter").text(jQuery("#description").val().length);
			jQuery("#description").keyup( function() {
				if(jQuery(this).val().length > 280){
					jQuery(this).val(jQuery(this).val().substr(0, 280));
				}
			jQuery("span#excerpt_counter").text(jQuery("#description").val().length);
			});
		});</script>';
	}
}
add_action( 'admin_head-edit-tags.php', 'category_count_js');

This counts until 280 characters – you can change 280 in code to your liking.

It cuts the text at 280 characters – you change that by removing

if(jQuery(this).val().length > 280){
	jQuery(this).val(jQuery(this).val().substr(0, 280));
}

OK… I came up with code for og:description to show image description on attachment pages. If anybody needs this…

Just in class-opengraph.php change this code below the line 284:

$ogdesc = apply_filters( 'wpseo_opengraph_desc', $ogdesc );

if ( $ogdesc && $ogdesc != '' ) {
  if ( $echo !== false )
    echo "<meta property='og:description' content='" . esc_attr( $ogdesc ) . "'/>\n";
    else
      return $ogdesc;
}

to this:

$ogdesc = apply_filters( 'wpseo_opengraph_desc', $ogdesc );

if ( $ogdesc && $ogdesc != '' ) {
  if ( $echo !== false )
    echo "<meta property='og:description' content='" . esc_attr( $ogdesc ) . "'/>\n";
  else
   return $ogdesc;
  } elseif ( is_home() ) {
    echo "<meta property='og:description' content='YOUR CUSTOM CODE FOR FRONT PAGE (still don't know how to call SEO description)'/>\n";
  } elseif ( is_singular( 'attachment' ) ) {
    $description = $post -> post_content;
    if ( $description ) {
      echo "<meta property='og:description' content='" . $description . "'/>\n";
    } else {
      echo "<meta property='og:description' content='YOUR CUSTOM CODE IF YOU DIDN't SET IMAGE DESCRIPTION'/>\n";
    }
}

I have managed getting the right og:image meta.

In class-opengraph.php change line 233 to look like this:

if ( is_singular( 'attachment' ) ) {
  $url = wp_get_attachment_url ( $post->ID );
  if ( $url ) {
     echo "<meta property='og:image' content='" . $url . "'/>\n";
  }
} else {
 echo "<meta property='og:image' content='" . esc_url( $img ) . "'/>\n";
}

It will put the curent image link on attachment page to og:image.

What I need is og:description – I have managet to put image description to og:description, but what I really want is to use parent page og:description. So – help please!