Docs

[Tim]

Hi X!

I think this question is asked before but I would like to have the back/forward arrows in ethos single product page (top right) into the integrity single product page. I cannot find a good answer to this.

https://theme.co/x/demo/shop/ethos/product/flying-ninja/

Is there a simple template change to achieve this?

Thanks!

[Thai]

Hi There,

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.
Then navigate to your child theme’s /framework/views/integrity directory create a file named woocommerce.php and paste the code below:

<?php

// =============================================================================
// VIEWS/INTEGRITY/WOOCOMMERCE.PHP
// -----------------------------------------------------------------------------
// WooCommerce page output for Integrity.
// =============================================================================

?>

<?php get_header(); ?>

  <div class="x-container max width offset">
    <div class="<?php x_main_content_class(); ?>" role="main">
        <?php if ( x_is_product() ) : ?>
          <?php x_ethos_entry_top_navigation(); ?>
        <?php endif; ?>
      <?php woocommerce_content(); ?>

    </div>

    <?php get_sidebar(); ?>

  </div>

<?php get_footer(); ?>

Hope it helps 🙂

[Tim]

Hi Thai,

Notice that this code is certainly adding something to the single product page:

http://nltent-mansurake.savviihq.com/product/cannondale-caad12-black-inc/

It is the small grid to go back to all products that is showing up in the top left. Notice that the arrows are not there. I don’t need to have the function to go to all products, but the back and forward arrows..

Any thoughts?

Cheers!

[Thai]

Hi There,

Please find this CSS under Customizer > Custom > Global CSS:

.x-nav-articles {
    display: none;
}

And then replace with this CSS:

.x-breadcrumb-wrap .x-nav-articles,
.entry-parent {
    display: none;
}

Hope it helps 🙂

[Tim]

Your support is just to good:D Thanks!

[Jade]

You’re most welcome Tim.

[Author]

Posts