Recent
Categories
View Replies (6)

Upgrade Bianca Template from J3 to J4

0
Votes
Undo
  1. eumel7
    eumel7
  2. Sherlock Holmes The Voice Notable Answerer
    Notable Answerer
  3. Commercial Templates
  4. Monday, 19 December 2022
  5.  Subscribe via email
Upgrade Bianca Template from J3 to J4

I have the following display errors after upgrading a Biance template page J3 to J4, which I think has something to do with the template.

1. The "search" (search index) in the module position header2 is incorrectly formatted (image 1.jpg and 1b.jpg)
2. The main posts on the "Home" page menu link are displayed in the post settings with the "Images and links" setting. These are incorrectly formatted after the update and sit above the post instead of to the left of the text (image 2, 2b, 2c, 2d)
3. The "alternative blog layout" doesn't seem to work at all. Since a blog layout setting was selected for a specific category under the menu item: "Club Reports". The frontend display remains empty. The template supplied is used: Category Blog - Alternative (image 3 and 3b)

Link Original J3: https://www.dynamofanclub-sayda.de/

edit: I recreated these errors on a completely different domain with the same template, the same errors.
Attachments (8)
1.jpg 1.jpg
1b.jpg 1b.jpg
2.jpg 2.jpg
2b.jpg 2b.jpg
2c.jpg 2c.jpg
2d.jpg 2d.jpg
3.jpg 3.jpg
3b.jpg 3b.jpg
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Marco

This issue appears to be specific to the featured articles layout. I have just created another update which should resolve this issue.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
eumel7
eumel7
Sherlock Holmes The Voice Notable Answerer
Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you for the fast reaction.
I imported the template update from version 1.1.7 -> 1.1.8 to two J4 "Bianca" pages.
in connection with the code inserted here above, the page now looks like in the J3 version again!
But: If I omit the code from Posting 2, the colored bar now appears, but the introductory image is still above the text! (see the screenshot)
I'm OK with connecting the code, but I don't know if other people who aren't reading this post will have problems...

Decide for yourself...

Best regards Marco (eumel7)
Attachments (1)
patch.jpg patch.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi eumel7

Thank you for pinging me on this. I somehow missed it the first time of asking. I have just created a new update for the Joomla 4 Bianca template adding the 'highlight' to article images as available on the Joomla 3 version.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
eumel7
eumel7
Sherlock Holmes The Voice Notable Answerer
Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran.
May I bring this thread up again?
the problems in 1. and 3. are solved.
The error under "2." has not yet been entered into the Bianca template (1.1.7.). The code you set here works, but, like in the original J4 template, the colored bar above the image is still missing...
Can you please update the template?
Attachments (1)
2.jpg 2.jpg
References
  1. http://fanclubtest.onlineshop-nitzsche.de/index.php
  1. more than a month ago
  2. Commercial Templates
  3. # 4
eumel7
eumel7
Sherlock Holmes The Voice Notable Answerer
Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you for answer

1. Ok run
2. it's Ok a update for the template
3. email sending
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Note that since between Joomla 3 and Joomla 4, the base CSS framework has moved from Bootstrap 2 to 5 which has caused some differences in styling in particular with form elements.

1. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.header-2 .js-finder-search-query {

    padding: 4px 6px;

    border-radius: 14px;

    font-size: 12px;

}


2. We will create a template update for this issue. In the meantime, to amend also add the following to your Custom CSS...

.blog-item {

    display: block;

}

.blog-item .left.item-image {

    float: left;

    margin-right: 2rem;

}


3. May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.