Return to previous page

Create second store page - by MJ - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 3 years, 1 months ago ago by Rose Tyler

MJ

Participant

November 3, 2021 at 09:39

Hi
I want to manually create a second store page for my free downloads. A demo is in Test page. I added fancy buttons to open up pop-up window before download. here are some issues i have:
1. i need the filtering for this page, but default filters using widget is linked to main shop page. how can i arrange a filter only for this page?
2. how to add top bar filter widget https://prnt.sc/1y97t7e
3. how can i link few of these fancy buttons to single product page?
4. On a separate note for main shop page how can i do the styling like changing background color. please see items on screenshothttps://prnt.sc/1y97bye

Thanks

Please, contact administrator
for this information.

#307373 Copied Theme version: 8.0.8

3 Answers
Olga Barlow

Support staff

November 3, 2021 at 23:25
Hello,

1), 2) WooCommerce does not have the option to create 2 shop pages. And also WooCommerce displays filter widgets and shop toolbar on the shop page and product categories, it does not have the option to display that anywhere else by default. You may look for third-party plugins to implement that but I don’t have suggestions for this, unfortunately.

3) Fancy button element allows to show popup only by click on the button. If you need button with a simple link use the Button element instead of the Fancy button.

4) Use Advanced type for filters https://prnt.sc/1y9s631
Use below code to add bg for the top toolbar
```
.filter-wrap {
    padding: 10px;
    background-color: #5e35b2;
}
.filter-wrap .products-per-page span, .open-filters-btn a, .view-switcher .switch-grid>a, .view-switcher .switch-list>a, .view-switcher .switch-more>a {
    color: #fff;
}
.view-switcher .switcher-active>a {
    color: #ffd434;
}
```
Use below code to change the sidebar bg and text colors
```
.post-type-archive-product .sidebar {
    background: #5e35b3;
    padding: 15px;
    color: #fff;
}
.post-type-archive-product .sidebar .widget-title,
.post-type-archive-product .sidebar .sidebar-widget ul li a, 
.post-type-archive-product .sidebar .sidebar-widget ul .caret-icon,
.post-type-archive-product .sidebar .sidebar-widget ul .open-this, 
.post-type-archive-product .sidebar .widget_product_categories.sidebar-widget ul .caret-icon, 
.post-type-archive-product .sidebar .widget_product_categories.sidebar-widget ul .open-this,
.post-type-archive-product .sidebar .widget_product_categories.sidebar-widget ul li a {
    color: #fff;
}
.post-type-archive-product .sidebar .price_slider_amount span, 
.post-type-archive-product .sidebar .price_slider_wrapper .button,
.post-type-archive-product .sidebar  .product_list_widget li .price,
.post-type-archive-product .sidebar  .sidebar-slider li .price{
    color: #ffd434;
}
```
Regards
#307545 Copied
MJ

Participant

November 8, 2021 at 05:19

Hi
great it works. thanks.
I only struggle to customize the shop filter. how can i have 3 options on filter list?
https://prnt.sc/1ypvvel

#307849 Copied

Rose Tyler

Support staff

November 8, 2021 at 09:17

Hello,

Theme Options > WooCommerce > Shop > Shop page layout > Products View Mode

Regards

#307869 Copied
Tagged: create, page, second, store, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)