Slider on the catalog page (general shop page)

Good afternoon! How to add a slider as on the main page, only to the main page of the catalog? When you edit the page, you can not add it correctly. HTML block, too, do not add … Good function, it is very necessary …
//
Добрый день! Как добавить слайдер как на главной странице, только на главную страницу каталога? При редактировании страницы корректно добавить не получается. HTML блок тоже не добавить… Хорошая функция, очень нужно…

Hello,

We are glad to know that you considered using WoodMart for your web-site. I hope you will be happy with it.

Actually, you should be able to add your slider to the shop page without any problems. Could you please provide us your admin access so we can check it?

Kind Regards
Xtemos

I would like to do so as in the screenshot (demo page home-base), only on the main page of the catalog. In categories of the slider and the open category menu there should not be.

Attachments:

You must be logged in to view attached files.

Hi,

We have added the slider to your shop page. Check is it OK for you.

Regards

So I tried! You need everything on the demo page home-base.
First! Incorrect indent from the header. it should not be!
The second! The category menu must be open! If I set the “open category menu” checkbox for the store page, it will be opened on all pages of the store!

Attachments:

You must be logged in to view attached files.

Sorry, could you please provide some screenshots for better understanding?

It is necessary EXACTLY as in this screenshot! Slider + open category menu.

Attachments:

You must be logged in to view attached files.

But is impossible to do the same on your shop page because your shop page has a sidebar.

Everything is possible! I’m changing the template files to achieve this. But at the same time the category menu was opened on all pages of the directory (((
Still there is a question. I like the standard kind of categories. But the name merges with the image. can I add a background in the standard view, as in the screenshot?

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings to change categories background

.cat-design-default .category-title {
	color: white!important;
	background: #0054ac;
	padding: 8px 25px;
}

So what do you want to do with the categories menu? Show it on the shop page only? In this case, it will overlap the sidebar.

If you add a slider to the template header.php. That does not cover the category menu.

In this case, you can try to put it to the woocommerce/archive-products.php file if you want to show it on the shop page only.

If I set up “open category menu”. THEN IN ALL CATEGORIES IT IS OPEN. I do not need it!

So you want to open it on the shop page only?

Yes

But there is no categories menu in your header now. Did you disable it?

Yes. I will do everything differently. As I understand it is impossible. I’m right?

I decided to do this through the menu. But I have problems with the image in different versions of the header. How to fix?

Attachments:

You must be logged in to view attached files.

screen. Can I transfer the conversation to an email?

Attachments:

You must be logged in to view attached files.

Sorry, but our support can be provided via the forum only. What problem do you have with images on the menu?

HI!
1-4 screen – header menu. I need menu category on sticky header. I decided to do so as in the screenshots. It suits me. But it’s not displayed correctly. I can not configure …..

Attachments:

You must be logged in to view attached files.

5 screen search category BAG on small monitors… Large name category…..
Ho to fix this problems?!

Attachments:

You must be logged in to view attached files.

How to make a logo on the sticky logo in the center? As on the main page of my site? Also for all pages, only for a sticky header?

Will you help me?

Hi,

We are sorry for the delay.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.callto-btn > a,
.callto-btn > i {
	color: white!important;
}

.search-by-category .input-dropdown-inner > a {
	max-width:220px;
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow-x: hidden;
}

.search-by-category {
	background: white;
}

Regards

It works. Thank you. I do not want to use custom css. I want to fix this in the css theme files. Will you fix it in the future update? Whatever I knew, I’ll need to fix it after the update …

As for this variant of the header, create a logo in the sticky header in the center.

Attachments:

You must be logged in to view attached files.

Try to put this code snippet for desktop devices only in Theme Settings -> Custom CSS

div.sticky-header .main-nav {
	-webkit-box-ordinal-group:2;
	    -ms-flex-order:1;
	        order:1;
	-webkit-box-flex:1;
	    -ms-flex:1 0 0px;
	        flex:1 0 0;
}

div.sticky-header .site-logo {
	-webkit-box-ordinal-group:3;
	    -ms-flex-order:2;
	        order:2;
}

div.sticky-header .right-column {
	-webkit-box-ordinal-group:4;
	    -ms-flex-order:3;
	        order:3;
	-webkit-box-flex:1;
	    -ms-flex:1 0 0px;
	        flex:1 0 0;
}

div.sticky-header .main-nav .menu {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

Thank you!

This is BAG? On mazilla!

Attachments:

You must be logged in to view attached files.

[Author]

Posts