Return to previous page

Gaming Home page - by TLSS2020 - on WordPress WooCommerce support

This topic has 18 replies, 3 voices, and was last updated 3 years, 10 months ago ago by Olga Barlow

TLSS2020

Participant

December 18, 2020 at 17:37

Can we use the gaming homepage as an extra page within our Niche website? We have alot of gaming equipment, games etc. We are using Elementor and I see this is for WP Bakery. We would really like to use this page if possible

#264864 Copied Theme version: 7.1 WooCommerce version: 4.7.0

17 Answers

Rose Tyler

Support staff

December 19, 2020 at 10:23

Hello,

We do not have pages of the Game demo on Elementor. But you can enable WPBakery, create a new page and import the desired page like shown here – https://youtu.be/wkIKN2IyEZI
Please do not edit pages using 2 editors, you need to be careful and edit a page using Elelentor or WPBalery only, depends on what editor was used to create the page, to prevent problems with the content displaying.

Regards

#264930 Copied

TLSS2020

Participant

December 19, 2020 at 12:22

Hi Rose,

I already made that midtake. You must learn from your mistakes. Do you think the developer will create this page in elementor. The reason I ask is we had had issues with wprocket and using 2 page builders in our electro theme.

#264936 Copied

Rose Tyler

Support staff

December 19, 2020 at 14:39

Hello,

This demo won’t be created on Elementor in the near future.
I’ve manually created a “Games” page on your site, using Elementor, so you can edit it depends on your needs.

Regards

#264951 Copied

TLSS2020

Participant

December 19, 2020 at 20:41

Hi Rose,

Thank you very much. This is awesome. I am happy we have moved from Electro Theme to you. The service is better, much better

#264990 Copied

TLSS2020

Participant

December 19, 2020 at 20:53

Hi

How do I create a header that will fit with this layout, without changing the other headers and colours?

#264991 Copied

Rose Tyler

Support staff

December 20, 2020 at 09:48

Hi,

I’ve added a custom header for “Games” page – https://prnt.sc/w6f7ol (Theme Options > Header builder > Multiple headers)
https://youtu.be/BpeXfzNwkOc

Regards

#265013 Copied

TLSS2020

Participant

December 21, 2020 at 07:56

Hi Rose,

Thank you for that.

I tried to edit just the game’s header but it changes the other headers too. What I want is the main headers to the blue one, but for the games page, it must the red one, with the secondary menu left, logo middle, and the wishlist, cart on the right. It must look like the blue layout, but only have the logo in the middle. But the blue layout must not change for the other pages. I want to use the blue template for the games, but the logo must be in the middle and it must be red, and must be full accross the top

#265073 Copied

Rose Tyler

Support staff

December 21, 2020 at 10:06

Hi,

Go to Theme Options > Header builder > Multiple headers > edit the custom header – https://prnt.sc/w6f7ol , or delete/unselect the current custom header for the Games page. Then click on Create a new header – https://prnt.sc/w70qi7 select where to show this header and changes the content/colors.
The default Header is shown on all pages, all additional headers can be shown on pages/posts/products depends on your needs.
Watch this video – https://youtu.be/BpeXfzNwkOc

Regards

#265098 Copied

TLSS2020

Participant

December 21, 2020 at 16:14

I tried that but it takes away me default header. Everything I do on the games header changes the default header. It is very frustrating.

#265182 Copied

Olga Barlow

Support staff

December 22, 2020 at 15:06

Hello,

1) Make sure that you edit the header that you created http://prntscr.com/w7uxm1
2) And that you chose the correct conditions to show it for the page where you really need it.

Regards

#265322 Copied

TLSS2020

Participant

January 15, 2021 at 09:33

Hi,

Can you please just change the color of the header and newsletter sign up form in the games pages to red. I have tried to do it, but it defaults to the main header or it changes all the headers

#268503 Copied

Olga Barlow

Support staff

January 15, 2021 at 16:20

Hello,

I used the Yellow pencil plugin to implement the mentioned styles for that page only
https://prnt.sc/wp29h2
Check now.

Regards

#268597 Copied

TLSS2020

Participant

January 16, 2021 at 09:14

Hi Olga,
Thank you. But why why is it bugging out like this using multiple headers. Even when Rose added the Gaming header, as soon as I edited it, all the headers became the gaming header, or there were issues with the colour. That is why I decided to use the same header instead of the nice Gaming header. It just did not want to work as it should. It is a pity though.

#268663 Copied

TLSS2020

Participant

January 16, 2021 at 10:04

Hi
Can I create a separate logo slider with only gaming logos on for the gaming page? I would like to do something similar for the Engineer page as well

#268674 Copied

TLSS2020

Participant

January 16, 2021 at 10:39

Hi
How do I change colours when i hover over the text? Now when I use yellow pencil it only changes the colour when the mouse is not hovering over it. I want the text to be white standard and when you hover over it, it must turn black
https://prntscr.com/wt22md
I would like to change the colours of the bubble standard to the red and the when you hover on it a lighter shade of red. The text in normal must be white and when you hover on it it must be black
https://prntscr.com/wt29ia

#268685 Copied

TLSS2020

Participant

January 16, 2021 at 10:43

How do I create the drop down menu only for this gaming page?
https://prntscr.com/wt2kah
Also how do I allign these products?
https://prntscr.com/wt29ia

#268687 Copied
Olga Barlow

Support staff

January 16, 2021 at 11:42
Hello,

Could you, please, numerate your questions to avoid misunderstanding?

1) If you create an additional header and add the correct conditions https://prnt.sc/wt8ced and edit really game header https://prnt.sc/wt94g0 then changes will be applied for that header only. Save your changes under the multiple headers first https://prnt.sc/wtaak4 and then click save button for all theme options https://prnt.sc/wtafyc I have created Game header you may try and check.

2) If you want to change the hover use the right click > States > hover https://prnt.sc/wtaw20
Also, control the classes you use while adding the custom https://prnt.sc/wtbtuy Use global classes .product-details .add_to_cart_button , don’t use generated classes that yellow pencil offen offers, for example .slider-8614 .product-details .add_to_cart_button

3) Go to Appearance > Menus > create the menu for the gaming page with submenus you need. After that choose this menu in the settings of the Game header https://prnt.sc/wtcxlh Sale this header first https://prnt.sc/wtaak4 , and then save theme options https://prnt.sc/wtafyc .

4) Add the below code to Theme Options > Custom CSS
```
/* ========= Custom for products ========== */
.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
    display: flex;
    justify-content: center;
}

.products-loop .ajax-content, .products-loop {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.content-product {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
flex: 1;
}
.content-product .quantity-wrapper {
    margin-right: auto;
		margin-left: auto;
}
/* ========= END of custom for products ========== */
```
Regards
#268697 Copied
Viewing 18 results - 1 through 18 (of 18 total)