How to create a separate shop page for separate products

Hey Sovik,
Sorry for the late reply, I researched into this and found that WooCommerce has only one default shop page, but you can create categories for your products and then link directly to your category pages as “shops”
Another option is to create a Multisite with each shop in a sub-domain, please see this article: how to create multiple websites in woocommerce

Best regards,
Mike

Hi,
It looks like they named the page “prime-accounts” instead of “shop” I tested this on my localhost and it worked fine.
You can also create a new page and call it anything, then use the product slider element to create your shop grid by setting it to show 5 columns and 5 products, then clone it to create as many rows as you would like, and it will look like a grid instead of a slider.
Then in the element choose the product offset to “Do not allow duplicate posts on the entire page (set offset automatically)”
so that you don’t duplicate your products. I only have 10 products in my demo so I could only show two rows.

The product slider element lets you choose by product category, so you can create a direct shop for each category.

Best regards,
Mike

Hi,
Thanks for the login, I took a look at your draft page and to have it look the same as your “buy account page” please try this code in the General Styling > Quick CSS field:

#top.page-id-12232 .template-page .entry-content-wrapper h2 {
    background-color: #d2d2d2 !important; 
    color: #000 !important; 
    border-left: 0px none !important; 
}

But the css will take effect after the page is published, and not while it is in draft mode.

Best regards,
Mike

Hi,
I see your product sliders have a top & bottom margin of 30px, to remove, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-12652 .avia-content-slider {
    margin: 0px !important; 
}

For your sold out badge, is the issue that it is black, or that it is round instead of a ribbon?

Best regards,
Mike

Hi,
For the sold out ribbon, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.page-id-12652 span.soldout {
    background: url(https://buyacsgo.com/wp-content/uploads/2017/04/product-soldout.png) !important;
    color: transparent !important; 
    width: 85px !important; 
    height: 85px !important; 
    border-radius: 0 !important; 
    padding: 0 !important; 
    z-index: 50 !important;
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike