Docs

[tashitendrel]

Hello again,

1. I have a problem with portfolio. I have just added some portfolio items but their images do not show up on my portfolio page. I am attaching screenshot.

2. On the portfolio item page we can see the image, but it doesnt have any border frame (and I want it to have the same border as on galery, portfolio thumbnails and so on). Instead I have a kind of border line above the image… (see the screenshot)
This border also doesnt show on the images inserted to Posts (even with format set to Image).

3. And the third question is about Set it Alive! button. I dont se it in the Labels sitebar. How to add it and how to set a link to it?

thank you.

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[tashitendrel]

Hello,

here is url: http://wildlotusart.com/paintings/

As you see now portfolio item which I have assigned as Galery show up here (but it doesnt solve my problem..) and those assigned as Image do not…
Unfortunatelly the links to the portfolio item do not work as well, so you cant see them from here.
thank you

[Lely]

Hello There,

Would you mind providing us with login credentials so we can take a closer look to your portfolio settings? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

The following custom code should go to your child theme’s functions.php file and not on customizer. Please move it.

function cc_mime_types($mimes) {
  $mimes['svg'] = 'image/svg+xml';
  return $mimes;
}
add_filter('upload_mimes', 'cc_mime_types'); 

[tashitendrel]

This reply has been marked as private.

[Paul R]

Hi,

You need to add the code in Appearance > Editor > x-child theme > Theme Functions(functions.php) instead of style.css.

Thanks

[tashitendrel]

Hello, I have added the function to Theme Functions file, but my Portfolio preview still looks the same…

[tashitendrel]

So I would have an additional question: should I also move all the css additions from Appearance Editor to X – Child Theme: Stylesheet? thank you

[Jade]

Hi there,

Please try to assign an image to the Featured Image field of the portfolio items so that they will not show blank in the portfolio page.

As for the CSS, it is not necessary to move then to the child theme but you may do it if you feel more comfortable editing the CSS through the child theme.

Hope this helps.

[tashitendrel]

Hi again,

thank you for that help – I am new to wordpress.

I have a few additional questions to the portfolios:

1. I have created multiple portfolios and included sub categorries and sub menu. Everything looks great, however there is some navigation problem. 2 items (Snow gate and Montmartre) dont show up in their assigned category (for example ‘Tibetan views’and ‘Europe’) – when I click on their category from the main Paintings page, which shows all the categories and all items. On the other hand, when I do it from sub menu: Paintings-Tibet and than click on ‘Tibetan views’ category, the image shows up.
Otherwords – openning this category via sub menu shows the image, but openning it from ALL doesnt.
I guess I have missed something in the whole set up, but I looked at it through and through, and cannot find any error. Could you help me?

2. Second thing is breadcrumps. I wonder why they dont show the main portfolio page. For example the true path to the portfolio item is: Home – Paintings – Nature – Item. And in the breadcrumps I see: Home – Nature – Item, so Paintings is ommited. How to change it?

3. Lastly, I would like make an option to enlarge image of the portfolio item, preferably with Responsive Lightbox. I have searched throuhg the Forum on the subject and I found instructions given in that discussion: https://community.theme.co/forums/topic/renew-portfolio-lightbox-function-image-size/
I applied it and theoretically it is what I need but it just doesnt look good… Would it be possible to change the look of the enlarged image into more like here: http://theme.co/x/demo/integrity/1/shortcodes/responsive-lightbox/#
so that after clicking on the image it gets enlarged, but stays on that same page and has that semitransparent background and frame?
Or maybe there is another way to use Responsive Lightbox on just one item portfolio page. The code given in the shortcode refers to a galery and I dont know how to alter it for just one picture…

Hope it’s not too much to ask. Beata

[Christopher]

Hi there,

#1 Please edit portfolio page and increase ‘number of items per page’ to a greater number. The value should be at least equal or greater than number of existing portfolio items.

#2 Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

#3 Please implement the code so we can help you with its style.

Hope it helps.

[tashitendrel]

Hi, thank you for those answers. I am not sure, if in #3 you refer to the functions code presented in the other mentioned topic? Or maybe you want me to add Lightbox shortcode to portfolio post item to start from here…? Because the earlier is already in Child Theme functions.php:

// Additional Functions
// =============================================================================

function cc_mime_types($mimes) {
$mimes[‘svg’] = ‘image/svg+xml’;
return $mimes;
}
add_filter(‘upload_mimes’, ‘cc_mime_types’);

function x_featured_image( $cropped = ” ) {

$stack = x_get_stack();
$page_full = is_page_template( ‘template-layout-full-width.php’ );
$post_full = get_post_meta( get_the_ID(), ‘_x_post_layout’, true ) == ‘on’;
$blog_full = is_home() && get_theme_mod( ‘x_blog_layout’ ) == ‘full-width’ && get_theme_mod( ‘x_blog_style’ ) == ‘standard’;
$archive_full = is_archive() && ! is_post_type_archive( ‘x-portfolio’ ) && get_theme_mod( ‘x_archive_layout’ ) == ‘full-width’ && get_theme_mod( ‘x_archive_style’ ) == ‘standard’;
$site_full = get_theme_mod( ‘x_’ . $stack . ‘_layout_content’ ) == ‘full-width’;
$portfolio_full = $stack == ‘integrity’ && is_singular( ‘x-portfolio’ );
$fullwidth = $page_full || $post_full || $blog_full || $archive_full || $site_full || $portfolio_full;

if ( has_post_thumbnail() ) {

if ( $cropped == ‘cropped’ ) {
if ( $fullwidth ) {
$thumb = get_the_post_thumbnail( NULL, ‘entry-‘ . $stack . ‘-cropped-fullwidth’, NULL );
} else {
$thumb = get_the_post_thumbnail( NULL, ‘entry-‘ . $stack . ‘-cropped’, NULL );
}
} else {
if ( $fullwidth ) {
$thumb = get_the_post_thumbnail( NULL, ‘entry-‘ . $stack . ‘-fullwidth’, NULL );
} else {
$thumb = get_the_post_thumbnail( NULL, ‘entry-‘ . $stack, NULL );
}
}

$portfolio_single_thumb_id = get_post_thumbnail_id( get_the_ID() );
$portfolio_single_thumb_url = wp_get_attachment_url( $portfolio_single_thumb_id );

if ( is_singular( ‘x-portfolio’ ) ) {
printf( ‘%3$s%4$s’,
esc_url( $portfolio_single_thumb_url ),
esc_attr( sprintf( __( ‘Expand Image for: “%s”‘, ‘__x__’ ), the_title_attribute( ‘echo=0’ ) ) ),
$thumb,
“<script>jQuery(document).ready(function(){jQuery(‘.entry-thumb’).iLightBox({skin: ‘light’,linkId: ‘gallery-image’,overlay: {opacity: 0.875,blur: true},styles: {prevScale: 0.75,prevOpacity: 0.75,nextScale: 0.75,nextOpacity: 0.75},path: ‘horizontal’,controls: {thumbnail: true}});});</script>”
);
} elseif ( is_singular() ) {
printf( ‘<div class=”entry-thumb”>%s</div>’, $thumb );
} else {
printf( ‘%3$s‘,
esc_url( get_permalink() ),
esc_attr( sprintf( __( ‘Permalink to: “%s”‘, ‘__x__’ ), the_title_attribute( ‘echo=0’ ) ) ),
$thumb
);
}

}

}

function x_custom_portfolio_lightbox_enqueue() {

if ( ! is_admin() ) {
if ( is_singular( ‘x-portfolio’ ) ) {
wp_enqueue_script( ‘vend-ilightbox’ );
}
}

}

add_action( ‘wp_enqueue_scripts’, ‘x_custom_portfolio_lightbox_enqueue’ );

[Rupok]

Hi there,

So you already implemented this? In that case provide us the exact URL of the page you have used lightbox and let us know what you are trying to achieve now. It might be out of our support scope to assist on such customization but I want to have a look. If it’s something within our scope and needs just a few tweaks then definitely we’ll try to helps you. But if it’s in-depth customization the regretfully it would be out of our scope.

Cheers!

[tashitendrel]

Hi,
this is one of the portfolio items pages: http://wildlotusart.com/portfolio-item/bicycle/
After clicking on the image I would like it to look like your Responsive Lightbox image – screenshot attached.

So it should be smaller than fullscreen, with frame and semitransparent background and have x on the upper corner to close the view. It would be great if you could make it.
thank you

[Lely]

Hi There,

Please remove the following code from your Customizer > Javascript:

 function cc_mime_types($mimes) {
  $mimes['svg'] = 'image/svg+xml';
  return $mimes;
}
add_filter('upload_mimes', 'cc_mime_types');

It will cause syntax error.

Then update this part:

function x_custom_portfolio_lightbox_enqueue() {

if ( ! is_admin() ) {
if ( is_singular( 'x-portfolio' ) ) {
wp_enqueue_script( 'vend-ilightbox' );
}
}

}

add_action( 'wp_enqueue_scripts', 'x_custom_portfolio_lightbox_enqueue' );

To this:

function x_custom_portfolio_lightbox_enqueue() {
if ( ! is_admin() ) {
if ( is_singular( ‘x-portfolio’ ) ) {
	wp_enqueue_script( 'vendor-ilightbox-portoflio','/wp-content/plugins/cornerstone/assets/js/dist/site/vendor-ilightbox.min.js?ver=1.2.4assets/js/dist/site/vendor-ilightbox.min.js', array( 'jquery' ) );
	}}
}

add_action( 'wp_enqueue_scripts', 'x_custom_portfolio_lightbox_enqueue' );

Hope this helps.

[Author]

Posts