Return to previous page

Importing a page from a different demo to my current theme

This topic has 12 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Rose Tyler

Firas

Participant

April 14, 2023 at 10:35

Hello !
I’m using this Restaurant theme on my website
https://xstore.8theme.com/elementor/demos/restaurant/
but I want to use the menu page that exists on this demo
https://xstore.8theme.com/elementor/demos/sushi/our-menu/
I tried to import through the Studio in Elementor but they only show blocks of either the products or the categories, they don’t show what exists in that page ( The categories being tabs and so on )
I tried to look for solutions but to no avail !
Thank you !

Please, contact administrator
for this information.

#353277 Copied Theme version: 9.1 WooCommerce version: 7.6.0

11 Answers

Rose Tyler

Support staff

April 14, 2023 at 13:11

Hello, Firas,

Thank you for contacting us and for using XStore.

We’ve added “test” page and “Set rolls tab” static block on your site. Please check and edit it depending on your needs.

On this demo https://xstore.8theme.com/elementor/demos/sushi/our-menu/ every tab has its own static block – https://prnt.sc/FPSWInQtbG3k

Kind Regards,
8theme team

#353292 Copied

Firas

Participant

April 15, 2023 at 04:28

Thank you for the reply ! That was quite helpful, but I do have some questions.
1 . In case I wanted to do this again ( importing specific pages from different demos ) do I always have to contact you? Or is it possible for me to just know where to find those blocks and all?
2 . Because I’m having a menu with different categories, I see that ” Set rolls tab ” Static Block is just querying the entire products list, but I have different categories therefore I specific the query to only 1 category at a time, does that mean I have to duplicate that Static Block for as many categories as I have ? For example ” Breakfast Menu Block” “Brunch Menu Block” … etc, or is there a way to make the query dynamically changed based on the category selected in the General Tabs? ( So I don’t have to create many static blocks as I have more than 20 categories )

#353352 Copied

Rose Tyler

Support staff

April 15, 2023 at 08:52

Hello, Firas,

Thank you for your response.

1/ You can use XStore Studio by yourself.
Content of menu page from sushi demo was not added in the studio because tabs contain static blocks. If is it simple sections you will be able to find them and import them without our help.

2/ You need to create separate static blocks for every category.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#353376 Copied

Firas

Participant

April 15, 2023 at 13:13

I have edited the menu page as I want to, you can see it here :
https://kookoobar.com/our-menu
Clicking on any section will show the desired menu, everything so far is great
The only problem is ( which I have encountered before already ) is when I nest General Tabs ( Saving a Section with a General Tab in it as a template then importing it inside another General Tab as Saved Template ) Things tend to sometimes bug either style wise or functionality, I believe that it’s probably because classes or IDs don’t change or something similar to that but I hope if you could help me find a solution.
Steps to produce the problem :
On mobile, on the menu page, click on “Thirsty” you’ll get the drinks menu
When you click on Soft drinks, then from the dropdown menu you choose Soft drinks, it’ll show you the beers from the spirits & cocktails menu, and all the dropdown menu items will change too. Oddly when you click on Beers it’ll take you to Soft drinks in the Soft drinks section, and soft drinks sometime takes me to Greek Drinks, it’s kinda mixed and I don’t know what the problem seems to be, as it works fine in PC as far as I tested it.
Thank you a lot !

Please contact administrator
for this information.

#353399 Copied

Rose Tyler

Support staff

April 15, 2023 at 14:36

Hello, Firas,

We would like to request that you provide temporary FTP access.
If you need assistance in creating FTP access, please contact your hosting provider.

Best Regards,
8Theme’s Team

#353408 Copied

Firas

Participant

April 15, 2023 at 17:32

Here you go !

Please contact administrator
for this information.

#353412 Copied

Firas

Participant

April 18, 2023 at 07:57

Hello ! Any updates?

#353542 Copied

Rose Tyler

Support staff

April 18, 2023 at 09:33

Hello, Firas,

We apologize for the delay in responding.

We will have another specialist review your inquiry in greater detail and will be in touch with you.

We kindly ask for your patience and request that you do not alter access.

Kind Regards,
8theme team

#353567 Copied

Rose Tyler

Support staff

April 18, 2023 at 10:57

Hello, Firas,

It seems that the problem comes from IDs you set -> https://prnt.sc/T6j_JV8_hrEp
Because according to the option for making select on mobile ( https://prnt.sc/R5iDMQ_SFVfc ) each option of select inherits the same classes & ids as were set for tab.

For now, we disabled for you that option in Non-alchoholic and Alcoholic templates. Also we added a few line Custom CSS for better visual design ->
https://prnt.sc/GWtaRTitgS4A

We tested a few times and it works better now from our side, so please, check from yours too.

Kind Regards,
8theme team

#353594 Copied

Firas

Participant

April 18, 2023 at 13:00

I’ve seen that in the non alcoholic section the tabs are split into two columns like this :
https://prnt.sc/iIUzVNNVU73O
is it possible to apply the same for the alcoholic tab? and probably for the hungry menu as well instead of using select responsive ? because that looks better ( the tabs next to each with their images ) because it used to be under each other which made the page long on mobile and inconvenient for the user ), if you could walk me through how you guys split the tabs into two, and I’ll do the rest myself

#353620 Copied
Rose Tyler

Support staff

April 18, 2023 at 15:03
Hello, Firas,

We have added for you next code on each (or almost each) section with tabs -> https://prnt.sc/JhAl9CUsdxr_
```
@media only screen and (max-width: 767px) {
selector .et-advance-tabs .et-tabs-nav>ul {
 flex-flow: row;
    flex-wrap: wrap;  
}
selector .responsive-vertical-layout.et-advance-tabs .et-tabs-nav>ul .et-tab-nav {
    flex: auto;
}
}
@media only screen and (max-width: 480px) { 
selector .responsive-vertical-layout.et-advance-tabs .et-tabs-nav>ul .et-tab-nav {
    flex: 1 1 50%;
}
}
```
Frontend result: https://gyazo.com/d17d28a32f02da2e3d7f7953a4462223

We hope that you found this information useful and that you will be able to use it in other places as needed.

Kind Regards,
8theme team
#353641 Copied
Tagged: customize, demo, import, page, themes, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)