Different approach to images

  • Hello, I’m using a different approach to images. Placing a camera thumbnail beside items which have a featured image. Then clicking the camera opens the full image in a lightbox.

    The problem I’m having is that many of the menu items are showing a 600×600 image instead of full size. I desire full size. When I pick the image for each item, I’m not given a choice of size so I’m confused as to why this is happening. I’ve confirmed in my file system that multiple images sizes exist.

    BTW, I have achieved this effect by modifying the title.php and image.php template items. Blanking out image.php and adding this code to title.php:

    <?php if ( $this->image ) : ?><a href="<?php echo esc_attr( $this->image ); ?>" class="et_pb_lightbox_image"><img src="...camera-icon.png..." alt="" width="20" height="15" /></a><?php endif; ?>

    Any suggestions?

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

  • Hi Corbett,

    Our built-in lightbox effect doesn’t limit the size of the image. It uses the full-size image. Judging by the source code of your page, it looks like you are using some other lightbox plugin/code. I’m not sure if it’s your theme or another plugin, but, based on the “mfp” classes, it seems to be making use of the Magnific Popup jQuery lightbox. Perhaps that is what is scaling it down to 600px.

    Thread Starter Corbett Enders

    (@cenders)

    It is part of the theme I’m using. How do I go about using your lightbox?

    Thread Starter Corbett Enders

    (@cenders)

    @fivestarplugins can you please tell me how I can trigger your lightbox?

    Plugin Author Rustaurius

    (@rustaurius)

    Hi @cenders,

    If you enable the lightbox feature in the “Basic” tab of the “Options” page, the only thing you should need to do to trigger it is click on one of your menu items.

    Thread Starter Corbett Enders

    (@cenders)

    Sorry, I’m high jacking the image code and am calling a full size image when the user clicks a small camera icon. The camera icon links to a media item.

    Thread Starter Corbett Enders

    (@cenders)

    Actually, I don’t think it is the lightbox that is the problem. This piece of code:

    <?php echo esc_attr( $this->image ); ?>

    is linking to a 600×600 image in most cases, but not all. Yet, the item photo I choose is not cropped to that size…

    Plugin Author Rustaurius

    (@rustaurius)

    Are you using a visual composer? If so, which one?

    Thread Starter Corbett Enders

    (@cenders)

    DIVI theme and their page builder. I guess it’s something with the theme interfering with me picking a feature image. They don’t know why this is happening either.

    For lack of a better solution, I’ve used a str_replace function in my code to get rid of the -600×600 if it exists in the image file name. Dirty but works.

    <div class="fdm-item-title">
	<?php echo $this->title; ?>
	<?php if ( $this->image ) : ?>
	<a href="<?php echo str_replace("-600x600","",$this->image); ?>" class="et_pb_lightbox_image">
	<img src="https://madrose.pub/wp-content/uploads/2019/10/camera-icon.png" alt="" width="20" height="15" />
	</a>
	<?php endif; ?>
</div>
    Plugin Author Rustaurius

    (@rustaurius)

    Thank you for sharing that with us.

    It could indeed be something with the theme or the Divi builder. You’d have to try with a different theme or without the builder on a page to know for sure. If the builder is the issue, you could try altering the way you include elements on the page (e.g. putting a shortcode inside of a text block instead of using a widget, etc.).

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Different approach to images’ is closed to new replies.