Return to previous page

Static page title with title module for all of my subpages

This topic has 15 replies, 3 voices, and was last updated 6 months, 1 weeks ago ago by Rose Tyler

TheOne

Participant

May 28, 2024 at 14:13

Hello,

Today i will start a new project on xstore. It’s a very simple page but with a lot of subpages.
On TheGem theme (example) i have a “title area” layout builder (elementor) where i build the desired look and than insert a dynamic tag “page/post title” for the subpage title to show.

Do i have a similar option with xstore theme?

#396973 Copied Theme version: 9.3.5

14 Answers

Jack Richardson

Support staff

May 28, 2024 at 15:54

Dear @TheOne,

I hope this message finds you well. If you are currently developing your new project using the Elementor builder, I am pleased to inform you that you have the opportunity to utilize a combination of our Advanced Headline (for example) and dynamic tags. By integrating these features, you can achieve dynamic texts on each of your pages while maintaining a consistent global design across your widgets.

For a practical illustration of the default options versus dynamic options set, please refer to the following screenshots:
– Default Options: https://prnt.sc/ZfXnlA2N_6CY
– Dynamic Options Set: https://prnt.sc/ke7uMWE3JpkZ

Moreover, our theme supports numerous widgets that can be enhanced with dynamic values, allowing your creativity to be the only limit. We also invite you to explore the visual diversity of different widgets with various designs at the following link: https://xstore.8theme.com/elementor/demos/minimal-fashion02/design-elements/

Thank you for choosing our services. Should you have any questions or require further assistance, please do not hesitate to contact us.

Best Regards,
Jack Richardson
The 8Theme Team

#396996 Copied

TheOne

Participant

May 28, 2024 at 16:02

Ok. But where do i build this title area and how to i set it globally for all pages? Or do i have to build it in every page individually (save to template and import it on every page)?

#396999 Copied
Jack Richardson

Support staff

May 28, 2024 at 16:43
Dear @TheOne,

We hope this message finds you well. Please follow the instructions below to implement a static section that will be displayed on all pages of your website:

1. **Create a Static Block**: Begin by creating a static block containing the content you prefer, ensuring that dynamic tags are correctly set. For reference, please see this screenshot: https://prnt.sc/k6BWQGAKQ1zs.

2. **Copy the Shortcode**: Once the static block is created, copy its shortcode. You can refer to this screenshot for guidance: https://prnt.sc/HL9AAJfKdfRs.

3. **Modify Child Theme Functions**: Open the “functions.php” file in your child theme directory.

4. **Add Custom PHP Snippet**: Insert the following PHP snippet into your “functions.php” file. Please replace “6822” with your actual block ID:
```
add_action("elementor/theme/after_do_header", function() {
       echo do_shortcode('[block id="6822"]');
   }, 100);
```
5. **Review the Code**: Ensure that the code in your “functions.php” file is correctly implemented. For an example, please view this screenshot: https://prnt.sc/MqYN6ARONV-l.

6. **Verify the Implementation**: After these steps, each page of your website will display the static block right below the header and above the main content. You can verify the implementation on different pages such as the About Us page (https://prnt.sc/uJzuzhIjB2mv) and the Contact Us page (https://prnt.sc/2jeOGdgwmzXy).

Should you require any further assistance or if you prefer us to implement the example block on your website, please provide us with the correct FTP and wp-admin access credentials.

Best regards,
Jack Richardson
The 8Theme Team
#397003 Copied
TheOne

Participant

June 10, 2024 at 09:14

Hello,

Thank you for the anwser. But what happens if i want transparent / overlay page title on subpages?

#398896 Copied

TheOne

Participant

June 10, 2024 at 09:48

I also noticed that it displays on the homepage and i disabled the breadcrumbs in page settings.

#398904 Copied
Jack Richardson

Support staff

June 10, 2024 at 12:30
Dear @TheOne,

I hope this message finds you well. I would like to address your queries as follows:

1. Regarding your interest in implementing a transparent or overlay page title on subpages, you have the option to create two static blocks (a default and a transparent one). You can then display these blocks based on specific conditions by checking the page ID with php function -> get_the_ID()
to meet your design requirements. If this does not fully address your question, could you please provide more details to clarify your needs?

2. Concerning the visibility of certain elements on the homepage, particularly after you have disabled the breadcrumbs in the page settings, you can enhance your code to selectively hide such static block on specific pages. Here is a condition you might consider implementing in your code:
```
if (!in_array(get_the_ID(), array('103'))) {
    // your code here
}
```
You can find an example of how this code can be integrated at the following link: [Code Example] https://prnt.sc/10eQSq-ukcDB.

Should you require further assistance or have additional questions, please do not hesitate to contact us.

Best Regards,
Jack Richardson
The 8Theme Team
#398925 Copied
TheOne

Participant

June 10, 2024 at 13:08

Hello,

I’m not gonna lie, this issue is really kicking me. It would be so much easier if the theme had title area builder like TheGem has.

I’m making a “clone” of some other websites title area. You can check it in private.

The thing is i’m not quite yet familiar with the elementor header builder, it’s giving me some issues.

1,2. I don’t understand this solutions.

I tried with normal themes header builder. Is this option staying or are you still disabling it in 2025?

I tried with following solutions:

1. Insert the “zigzag” picture into the header (elementor) as a background and inputed a page title dynamic option for it to display the page title. I made one header for subpages and one for homepage.

2. I tried with your code but as you can see i need the header to be transparent. The thing that happens here is if i insert the code to functions.php and than disable breadcrums in page options it moved my page content behind the header.

What is the best solution?

Please contact administrator
for this information.

#398931 Copied

TheOne

Participant

June 10, 2024 at 13:22

2. I’ve managed to come to the stage in private (for subpages).
Now i have to implement transparent options somehow?

3. Like i said it also displays the element on homepage when it shouldn’t. Can you clarify the solution from your post a bit further?

Please contact administrator
for this information.

#398934 Copied
Jack Richardson

Support staff

June 10, 2024 at 13:59
Dear @TheOne,

We hope this message finds you well. We understand the challenges involved in crafting the optimal solution without direct access to your website. Could you kindly share the website details with us through a private content area ?

We have noted your interest in incorporating a feature similar to the breadcrumbs found in our demo, which can be viewed here: https://xstore.8theme.com/elementor/demos/minimal-fashion03/. We recommend reviewing the specific pages of this demo, particularly the Contact Us and Blog pages, which showcase a unique “origami” background that aligns with your vision (in our opinion). You can view those at:
– [Contact Us] https://xstore.8theme.com/elementor/demos/minimal-fashion03/contact-us/
– [Blog] https://xstore.8theme.com/elementor/demos/minimal-fashion03/blog/

Additionally, we can provide custom CSS to achieve a similar effect, as demonstrated here: https://prnt.sc/MAvLBDulrBPV. This design is generated using the following tool: https://bennettfeely.com/clippy/.
```
.page-heading {
    clip-path: polygon(100% 0, 100% 50%, 81% 34%, 68% 65%, 51% 36%, 41% 55%, 25% 27%, 11% 56%, 0 49%, 0 0);
}
```
To facilitate the successful implementation of these solutions, we kindly request that you provide us with the correct FTP and wp-admin access.

Regarding your query about preventing the display of the static block on specific pages, you will need to identify the page ID using the web inspector https://prnt.sc/9YL6GW3KxSJW and apply this ID to the condition previously mentioned example here: https://prnt.sc/-uPmmp-68S2E. This condition ensures that the shortcode does not output if the current page ID matches one from the specified array.

We look forward to your response and are eager to assist you further.

Best Regards,
Jack Richardson
The 8Theme Team
#398941 Copied
TheOne

Participant

June 10, 2024 at 14:11

Hello,

I can’t use your solution for page title:

.page-heading {
clip-path: polygon(100% 0, 100% 50%, 81% 34%, 68% 65%, 51% 36%, 41% 55%, 25% 27%, 11% 56%, 0 49%, 0 0);
}

I’ve already achived the look (similar) with the elementor patterns but it’s not posible to have those red lines that you see on the picture. That’s why i simply used a background picture. It’s not ideal but it get’s the job done. Access is in private but it’s a bit different protocol.

Will this be ok?

Please contact administrator
for this information.

#398945 Copied

Jack Richardson

Support staff

June 10, 2024 at 15:43

Dear @TheOne,

We hope this message finds you well. We regret to inform you that we are currently unable to access your website due to modifications in protocols or restrictions you may have set.

It appears that your inquiries fall outside the scope of our standard support services [https://www.8theme.com/documentation/xstore/support/support/]. As such, we kindly invite you to utilize our customization services by submitting a request through our dedicated panel. You can do so by visiting the following link: https://www.8theme.com/account/#etheme_customization_panel. This will allow you to engage directly with our technical team.

Please note that our customization services are subject to additional charges.

Thank you for your understanding and cooperation.

Kind regards,
Jack Richardson
8Theme’s Team

#398964 Copied

TheOne

Participant

June 10, 2024 at 16:17

Hello,

I understand what you are saying.
I just want to know how do i make the static block (page title) that i inputed the code in functions.php to be overlay – so over the menu? Or is that also for customization services?

Please contact administrator
for this information.

#398995 Copied

TheOne

Participant

June 10, 2024 at 16:20

Nevermind – i fixed the issue. Thank you for your help!

#398998 Copied

Rose Tyler

Support staff

June 10, 2024 at 19:36

Dear @TheOne,

We are pleased to hear that you have resolved the issue independently and appreciate your initiative in informing us.

Best Regards,
8Theme’s Team

#399137 Copied
Tagged: best selling, ecommerce solutions, online store, static page title, subpages, title module, woocommerce themes
Viewing 15 results - 1 through 15 (of 15 total)