Customize / change shop page, breadcrumbs issues!

  • Resolved Anonymous User 16431599

    (@anonymized-16431599)


    6 years, 3 months ago

    Hello,

    Thank you in advance for your support!
    Of course I use Woocommerce, Theme: Salient and the WPBakery Page Builder!
    I really want to edit the shop page with the Page Builder, I have also specified the shop page in the Woocommerce settings as the base page, so there are also the products displayed.
    I still managed to paste content to the shop page with the builder, but icons are not displayed, for example.
    This is how it should look like: https://snag.gy/e8vJKl.jpg
    And this is how it looks on the static shop page: https://snag.gy/LEVHlA.jpg

    However, when I remove the shop page in the Woocommerce settings, the icons are visible again.
    Everything I insert in the backend will be displayed above the product archive.
    Most of all, I would like to customize it myself / design as I would + in the Woo settings the shop page specified, which is probably not possible.
    Because there are no problems with the breadcrumbs & product sorting, because if in the Woo settings the shop page is not inserted, this is of course no longer there.
    So how can I insert this again, despite the fact that the shop page is not specified in the settings?
    With Yoast Seo I have already tried it, breadcrumbs are displayed, but when I click on a product, then the “order” is not correct, the shop is not there.
    Unfortunately it appears only as: Home – Category – Product
    Instead of this: Home – Shop – Category – Product

    Of course, I do not need to specify the shop page, in the Woo settings, because that way I can customize the page as I want.
    However, many little things are lost, which make it a “real” shop! ??

    Maybe someone knows a solution or a piece of advice?
    Thank you so much!

    Raffaela

    edit:
    The add-on with the icons are labeled tabs, in which I sort the products by category.
    I would like to have such a possibility: https://raw-alignment.com/shop/
    Clicking on the icons will load the products on the same page.
    Ajax Load More would be a possibility, but the add-on “Filter” costs extra, unfortunately I knew no easier way.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor James Koster

    (@jameskoster)

    Hi,

    However, when I remove the shop page in the Woocommerce settings, the icons are visible again.

    I suspect this is something to do with how the icons are loaded into pages. When set, the WooCommerce shop page actually redirects to a post type archive. So, by unsetting the shop page setting you’re actually “transforming” the “shop” page in to a regular page. I suspect the icons aren’t being loaded on archives – this is something you should bring up with the plugin author.

    It sounds like you want to avoid setting the shop page in the WooCommerce settings so that you get complete control of the layout / display. Unfortunately, I have to advise strongly against doing this. There are various occasions (such as the empty cart page) where visitors are redirected to your shop page. If you haven’t set it, those features will break. Of course, you could go through and remove those features, but it would be a lot of work.

    The add-on with the icons are labeled tabs, in which I sort the products by category.

    To do this properly will involve some code. It’s not something that can be done with a page builder because (as mentioned earlier) the WooCommerce shop pages aren’t pages in the traditional sense. They are archives and archives cannot be edited with page builders.

    If you want to get your hands dirty with the code, you’d need to hook a function that displays category links into the product archive templates. Something like this would do the trick;

    add_action( 'woocommerce_before_main_content', 'display_category_links', 0 );
function display_category_links() {
	$list_args = array(
	    'taxonomy'           => 'product_cat',
	);
	if ( is_product_category() || is_shop() ) {
		echo '<ul class="product-categories">';

		wp_list_categories( $list_args );

		echo '</ul>';
	}
}

    But from there you’d need to style those links yourself.

    I’m curious to hear what you have in mind for customising the rest of the shop page. Do you want to change how the products grid is displayed as well? If so, what do you need to do there?

    jessepearson

    (@jessepearson)

    Automattic Happiness Engineer

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customize / change shop page, breadcrumbs issues!’ is closed to new replies.