Thanks.

Thanks for writing in! Currently, unique sidebars cannot be set for archive pages (i.e. the blog, portfolio, shop, et cetera), due to a few developmental nuances of how WordPress handles these “pages.” We are aware of this issue and are looking to address it in a coming release of the theme. For the time being, we can walk you through how to do this via a child theme if you’d like. If you do not yet have a child theme setup for your site, we have an in-depth article in the Knowledge Base that goes over how to do this. Once you have that in place, let us know and we can share with you how to accomplish this.

Thanks!

Thanks for the feedback – I thought I might be missing something obvious.

I have already created a child theme, so eagerly await further instructions.

Thanks,
Athy.

I have just responded to your previous post and after reviewing your site and providing you with a solution for your thumbnails; however, I see that you do not have a sidebar activated on your shop page anymore. Let me know if you still want to move forward on this request as it appears that you have opted for a fullwidth shop page instead.

Thanks!

Thanks.

You’ll need to add the following code to your functions.php file in your child theme first:

function x_my_custom_widgets_init() {

  register_sidebar( array(
    'name'          => __( 'My Shop Sidebar', '__x__' ),
    'id'            => 'sidebar-my-custom-shop',
    'description'   => __( 'Appears on the index shop page.', '__x__' ),
    'before_widget' => '<div id="%1$s" class="widget %2$s">',
    'after_widget'  => '</div>',
    'before_title'  => '<h4 class="h-widget">',
    'after_title'   => '</h4>',
  ) );

}

add_action( 'widgets_init', 'x_my_custom_widgets_init' );

Then you’ll need to update the /framework/views/integrity/wp-sidebar.php file from your parent theme by copying it to your child theme and modifying the markup. Once you have copied the file over correctly by following the instructions in the Knowledge Base article above, you will need to update this file’s output with the following markup:

<?php

// =============================================================================
// VIEWS/INTEGRITY/WP-SIDEBAR.PHP
// -----------------------------------------------------------------------------
// Sidebar output for Integrity.
// =============================================================================

?>

<?php

$blog_layout      = get_theme_mod( 'x_blog_layout' );
$archive_layout   = get_theme_mod( 'x_archive_layout' );
$shop_layout      = get_theme_mod( 'x_woocommerce_shop_layout_content' );
$portfolio_layout = get_theme_mod( 'x_portfolio_layout' );
$main_layout      = get_theme_mod( 'x_integrity_layout_content' );

if ( $main_layout != 'full-width' ) {
  if ( is_home() ) {
    $layout = $blog_layout;
  } elseif ( is_archive() ) {
    if ( is_post_type_archive( 'x-portfolio' ) ) {
      $layout = $portfolio_layout;
    } elseif ( function_exists( 'is_shop' ) && is_shop() ) {
      $layout = $shop_layout;
    } else {
      $layout = $archive_layout;
    }
  } elseif ( function_exists( 'is_product' ) && is_product() ) {
    $layout = 'full-width';
  } else {
    $layout = $main_layout;
  }
} else {
  $layout = $main_layout;
}

?>

<?php if ( is_page_template( 'template-layout-content-sidebar.php' ) ) : ?>

  <aside class="x-sidebar right" role="complementary">
    <?php if ( get_option( 'ups_sidebars' ) != array() ) : ?>
      <?php dynamic_sidebar( apply_filters( 'ups_sidebar', 'sidebar-main' ) ); ?>
    <?php else : ?>
      <?php dynamic_sidebar( 'sidebar-main' ); ?>
    <?php endif; ?>
  </aside>

<?php elseif ( is_page_template( 'template-layout-sidebar-content.php' ) ) : ?>

  <aside class="x-sidebar left" role="complementary">
    <?php if ( get_option( 'ups_sidebars' ) != array() ) : ?>
      <?php dynamic_sidebar( apply_filters( 'ups_sidebar', 'sidebar-main' ) ); ?>
    <?php else : ?>
      <?php dynamic_sidebar( 'sidebar-main' ); ?>
    <?php endif; ?>
  </aside>

<?php elseif ( function_exists( 'is_shop' ) && is_shop() ) : ?>

  <aside class="x-sidebar left" role="complementary">
    <?php dynamic_sidebar( 'sidebar-my-custom-shop' ); ?>
  </aside>

<?php elseif ( $layout != 'full-width' ) : ?>

  <aside class="<?php x_integrity_sidebar_class(); ?>" role="complementary">
    <?php if ( get_option( 'ups_sidebars' ) != array() ) : ?>
      <?php dynamic_sidebar( apply_filters( 'ups_sidebar', 'sidebar-main' ) ); ?>
    <?php else : ?>
      <?php dynamic_sidebar( 'sidebar-main' ); ?>
    <?php endif; ?>
  </aside>

<?php endif; ?>

After you have done this, you can add widgets to your sidebar widget area for your shop under Appearance > Widgets in the admin area.

Thanks!

I have tried to follow the instructions provided, but it caused a fatal error, so had to restore the functions.php file. Can you please advise how to make this correction?

Thanks,
Athy.

Glad to hear it’s working! 🙂

Regarding your other request, as I stated in that post simply replace x_integrity_post_thumbnail_width() in the add_image_size() function with a number for how wide you’d like your images to be.

Thanks!

Managed to get this sorted for the main shop page, but still having issues with this, ie:
– Products page – no sidebar appearing on this page
– Categories page – wrong sidebar appearing (standard, rather than custom Woocommerce).

Seems there’s still a bit of work to get this sorted.

Athy.