Jump to content

User:Tattecko/VehicleTest: Difference between revisions

From Out of Ore Wiki
Created page with " __NOTOC__ {{V2-VehicleDetails |name=Test Rock Truck |category=Rock Trucks |image=Main_Banner_1.png |description=A test page for the new vehicle details layout. |manufacturer=Example Manufacturer |price=$250,000 |weight=25,000 kg |power=500 HP |capacity=20,000 L |overview= This section contains the vehicle description and general information. |specifications= {{V2-SpecTable |rows= {{!}}- {{!}} Engine Power {{!}} 500 HP {{!}}- {{!}} Weight {{!}} 25,000 kg {{!}}- {{!}} M..."
 
mNo edit summary
Line 1: Line 1:
Loading older messages…
lets finish vehicle stuff first
Let's finish the Vehicles & Equipment section before moving on to the rest of the Out of Ore Wiki.
We'll keep it simple, consistent and easy to maintain.
Final vehicle structure
Vehicles & Equipment
Category cards for Rock Trucks, Excavators, Loaders, etc.
V2-CategoryPage
Rock Trucks / Excavators / Loaders
Compact vehicle lists with links to individual pages
Individual Vehicle
Banner, page navigation, description, infobox and gallery
V2-VehicleDetails
What we still need to finish
Vehicle main category
Already built with V2-CategoryPage.
Vehicle details template
Banner, overview, infobox and navigation are implemented. We still need to verify the final appearance.
Vehicle subcategory pages
Create a compact, organized list for each vehicle category, without individual cards.
Vehicle navigation
Connect individual vehicle pages to their correct category and make navigation consistent.
Vehicle comparison
Add a simple comparison option after the category listings are working.
Next: Vehicle subcategory pages
I'd create Template:V2-VehicleCategory for Rock Trucks, Excavators, Loaders and other vehicle groups.
It would reuse our existing banner and sidebar, but display a clean list of vehicle names instead of category cards.
This way, you only maintain three vehicle templates:
V2-CategoryPage for the main directory.
V2-VehicleCategory for lists of vehicles.
V2-VehicleDetails for individual machines.
We can build V2-VehicleCategory next, then connect everything together.
next step please
Next, we'll create Template:V2-VehicleCategory.
This will be used for Rock Trucks, Excavators, Loaders, Dozers, Graders, and other vehicle categories.
We'll keep your existing banner and sidebar, but replace the large category cards with a compact list of vehicles.
1. Create the template
Create Template:V2-VehicleCategory
Paste this entire code:
<includeonly>{{V2-PageLayout
|active=vehicles
|content=
{{OOO-Hero
|image={{{image|Main_Banner_1.png}}}
|eyebrow=VEHICLES & EQUIPMENT
|title={{{title|Vehicle Category}}}
|description={{{description|}}}
|link=Vehicles
|button=All vehicle categories
}}
<div class="ooo-v2-vehicle-category-intro">
{{{intro|}}}
</div>
{{V2-Section
|title=AVAILABLE VEHICLES
|subtitle={{{subtitle|Browse vehicles in this category}}}
}}
<div class="ooo-v2-vehicle-list">
{{{vehicles|}}}
</div>
<div class="ooo-v2-bottom">
[[Vehicles|← All vehicle categories]] &nbsp; • &nbsp;
[[Main Page|Wiki homepage]]
</div>
}}</includeonly><noinclude>
Reusable V2 vehicle category page.
Usage:
<pre>
{{V2-VehicleCategory
|title=Rock Trucks
|image=Main_Banner_1.png
|description=Browse rock trucks available in Out of Ore.
|intro=Rock trucks are used to transport mined materials.
|vehicles=
* [[Example Rock Truck 01]]
* [[Example Rock Truck 02]]
* [[Example Rock Truck 03]]
}}
</pre>
</noinclude>
2. Add CSS
Open MediaWiki:Common.css and add:
/* ==========================================
  V2 VEHICLE CATEGORY
  ========================================== */
.ooo-v2-vehicle-category-intro {
    margin: 20px 0 28px;
    line-height: 1.7;
}
.ooo-v2-vehicle-list {
    background: #202124;
    border: 1px solid #3c3f42;
    border-radius: 8px;
    padding: 10px 20px;
}
.ooo-v2-vehicle-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ooo-v2-vehicle-list li {
    margin: 0;
    padding: 12px 8px;
    border-bottom: 1px solid #383838;
}
.ooo-v2-vehicle-list li:last-child {
    border-bottom: none;
}
.ooo-v2-vehicle-list li a {
    color: #eeeeee !important;
    text-decoration: none !important;
    font-weight: 500;
}
.ooo-v2-vehicle-list li a:hover {
    color: #e5b62e !important;
}
3. Test a Rock Trucks category page
Create or edit a sandbox page:
User:Tattecko/RockTrucksSandbox
Paste:
__NOTOC__
{{V2-VehicleCategory
|title=Rock Trucks
|image=Main_Banner_1.png
|description=Browse rock trucks available in Out of Ore.
|intro=
Rock trucks are designed to transport mined materials around the mining site.
|vehicles=
* [[Example Rock Truck 01]]
* [[Example Rock Truck 02]]
* [[Example Rock Truck 03]]
* [[Example Rock Truck 04]]
* [[Example Rock Truck 05]]
}}
These vehicle names are placeholders.
Expected result
The page should display:
Your existing hero banner.
A short category description.
A compact list of vehicle names linking to individual vehicle pages.
Navigation back to the main Vehicles directory.
One important detail: The list is currently maintained manually. That keeps it simple and avoids needing additional extensions or JavaScript.
Once this works, we'll connect the vehicle category and vehicle details pages with proper navigation.
ok, next
Next, let's connect the vehicle category pages to individual vehicle pages so navigation works properly throughout the wiki.
We won't create any new templates for this step. We'll update the existing V2-VehicleDetails.
1. Update the vehicle details navigation
Currently, every vehicle page has a button labeled All vehicles, which always links to Vehicles.
Instead, it should link back to the vehicle's actual category.
For example:
Vehicles & Equipment → Rock Trucks → Rock Truck 01
Open Template:V2-VehicleDetails.
Find this section:
|link=Vehicles
|button=All vehicles
Replace it with:
|link={{{categorypage|Vehicles}}}
|button=Back to {{{category|Vehicles}}}
2. Update the bottom navigation
Find:
<div class="ooo-v2-bottom">
[[Vehicles|← All vehicles]] &nbsp; • &nbsp;
[[Main Page|Wiki homepage]]
</div>
Replace it with:
<div class="ooo-v2-bottom">
[[Vehicles|Vehicles & Equipment]]
&nbsp; › &nbsp;
[[{{{categorypage|Vehicles}}}|{{{category|Vehicles}}}]]
&nbsp; › &nbsp;
{{{name|Vehicle Name}}}
</div>
This gives each vehicle page a simple breadcrumb trail.
3. Update individual vehicle pages
For example, a rock truck page would use:
{{V2-VehicleDetails
|name=Rock Truck 01
|category=Rock Trucks
|categorypage=Rock Trucks
|image=Main_Banner_1.png
|description=Heavy mining truck.
|price=$250,000
|unlocklevel=12
|weight=25,000 kg
|power=500 HP
|capacity=20,000 L
|overview=
Vehicle description goes here.
|controls=
Vehicle controls go here.
}}
Example vehicle and specification values are placeholders.
The important new parameter is:
|categorypage=Rock Trucks
You can use the same template for all vehicle categories:
Vehicle category
categorypage value
Rock Trucks
Rock Trucks
Excavators
Excavators
Loaders
Loaders
Dozers
Dozers
Graders
Graders
4. Add MediaWiki categories
At the bottom of each individual vehicle page, outside the V2-VehicleDetails template, add:
[[Category:Vehicles]]
[[Category:Rock Trucks]]
Change the second category for other vehicle types.
This also lets MediaWiki organize vehicle pages automatically, independently of our custom visual layouts.
Once you've updated and tested one vehicle page, the navigation between Vehicles → Vehicle Category → Vehicle Details will be in place.
After that, we can finish the vehicle section by adding a simple comparison feature without making the wiki unnecessarily complicated.
so how can i prewiew this
You can preview the complete vehicle page directly in your MediaWiki sandbox, without publishing it as a normal wiki page.
1. Open your test page
Open VehicleTest
2. Paste this example


__NOTOC__
__NOTOC__
{{V2-VehicleDetails
{{V2-VehicleDetails
|name=Test Rock Truck
|name=Rock Truck 01
|category=Rock Trucks
|category=Rock Trucks
|categorypage=User:Tattecko/RockTrucksSandbox
|image=Main_Banner_1.png
|image=Main_Banner_1.png
|description=A test page for the new vehicle details layout.
|description=Heavy mining truck designed for transporting materials.
 
|manufacturer=Example Manufacturer
|manufacturer=Example Manufacturer
|price=$250,000
|price=$250,000
|unlocklevel=12
|weight=25,000 kg
|weight=25,000 kg
|power=500 HP
|power=500 HP
|capacity=20,000 L
|capacity=20,000 L
|fuelcapacity=600 L
|maxspeed=65 km/h


|overview=
|overview=
This section contains the vehicle description and general information.
This is an example vehicle description.


|specifications=
Rock trucks are used to transport large amounts of material around mining sites.
{{V2-SpecTable
|rows=
{{!}}-
{{!}} Engine Power
{{!}} 500 HP
{{!}}-
{{!}} Weight
{{!}} 25,000 kg
{{!}}-
{{!}} Maximum Speed
{{!}} 60 km/h
}}


|controls=
|controls=
Vehicle controls and operation instructions go here.
Vehicle controls and operating instructions will appear here.
 
|attachments=
Compatible attachments go here.


|notes=
|notes=
Additional information goes here.
Additional information about the vehicle.
}}
}}
All vehicle details and specifications above are placeholders for testing the layout.
3. Click Show preview
At the bottom of the MediaWiki editor, click Show preview.
You should see the complete page with the banner, navigation, description, infobox and bottom breadcrumb links.
4. Test the category navigation
Once you save both sandbox pages, you can navigate between them:
Rock Trucks Category
User:Tattecko/RockTrucksSandbox
Rock Truck 01 Details
User:Tattecko/VehicleTest
To make the category link open your test vehicle, edit RockTrucksSandbox and change one vehicle list entry to:
* [[User:Tattecko/VehicleTest|Rock Truck 01]]
Then save both pages and test the links.
Note: The test page's categorypage points to your sandbox. When you create the real vehicle page, change it to Rock Trucks.

Revision as of 18:55, 16 October 2026

Loading older messages… lets finish vehicle stuff first Let's finish the Vehicles & Equipment section before moving on to the rest of the Out of Ore Wiki.

We'll keep it simple, consistent and easy to maintain.

Final vehicle structure Vehicles & Equipment

Category cards for Rock Trucks, Excavators, Loaders, etc.

V2-CategoryPage

Rock Trucks / Excavators / Loaders

Compact vehicle lists with links to individual pages

Individual Vehicle

Banner, page navigation, description, infobox and gallery

V2-VehicleDetails

What we still need to finish Vehicle main category

Already built with V2-CategoryPage.

Vehicle details template

Banner, overview, infobox and navigation are implemented. We still need to verify the final appearance.

Vehicle subcategory pages

Create a compact, organized list for each vehicle category, without individual cards.

Vehicle navigation

Connect individual vehicle pages to their correct category and make navigation consistent.

Vehicle comparison

Add a simple comparison option after the category listings are working.

Next: Vehicle subcategory pages I'd create Template:V2-VehicleCategory for Rock Trucks, Excavators, Loaders and other vehicle groups.

It would reuse our existing banner and sidebar, but display a clean list of vehicle names instead of category cards.

This way, you only maintain three vehicle templates:

V2-CategoryPage for the main directory.

V2-VehicleCategory for lists of vehicles.

V2-VehicleDetails for individual machines.

We can build V2-VehicleCategory next, then connect everything together.

next step please Next, we'll create Template:V2-VehicleCategory.

This will be used for Rock Trucks, Excavators, Loaders, Dozers, Graders, and other vehicle categories.

We'll keep your existing banner and sidebar, but replace the large category cards with a compact list of vehicles.

1. Create the template Create Template:V2-VehicleCategory

Paste this entire code:


Reusable V2 vehicle category page.

Usage:

{{V2-VehicleCategory
|title=Rock Trucks
|image=Main_Banner_1.png
|description=Browse rock trucks available in Out of Ore.
|intro=Rock trucks are used to transport mined materials.
|vehicles=
* [[Example Rock Truck 01]]
* [[Example Rock Truck 02]]
* [[Example Rock Truck 03]]
}}


2. Add CSS Open MediaWiki:Common.css and add:


/* ==========================================

  V2 VEHICLE CATEGORY
  ========================================== */

.ooo-v2-vehicle-category-intro {

   margin: 20px 0 28px;
   line-height: 1.7;

}

.ooo-v2-vehicle-list {

   background: #202124;
   border: 1px solid #3c3f42;
   border-radius: 8px;
   padding: 10px 20px;

}

.ooo-v2-vehicle-list ul {

   list-style: none;
   margin: 0;
   padding: 0;

}

.ooo-v2-vehicle-list li {

   margin: 0;
   padding: 12px 8px;
   border-bottom: 1px solid #383838;

}

.ooo-v2-vehicle-list li:last-child {

   border-bottom: none;

}

.ooo-v2-vehicle-list li a {

   color: #eeeeee !important;
   text-decoration: none !important;
   font-weight: 500;

}

.ooo-v2-vehicle-list li a:hover {

   color: #e5b62e !important;

}

3. Test a Rock Trucks category page Create or edit a sandbox page:

User:Tattecko/RockTrucksSandbox

Paste:




OUT OF ORE WIKI
1920x
VEHICLES & EQUIPMENT
Rock Trucks
Browse rock trucks available in Out of Ore.

Rock trucks are designed to transport mined materials around the mining site.


AVAILABLE VEHICLES Browse vehicles in this category


These vehicle names are placeholders.

Expected result The page should display:

Your existing hero banner.

A short category description.

A compact list of vehicle names linking to individual vehicle pages.

Navigation back to the main Vehicles directory.

One important detail: The list is currently maintained manually. That keeps it simple and avoids needing additional extensions or JavaScript.

Once this works, we'll connect the vehicle category and vehicle details pages with proper navigation.

ok, next Next, let's connect the vehicle category pages to individual vehicle pages so navigation works properly throughout the wiki.

We won't create any new templates for this step. We'll update the existing V2-VehicleDetails.

1. Update the vehicle details navigation Currently, every vehicle page has a button labeled All vehicles, which always links to Vehicles.

Instead, it should link back to the vehicle's actual category.

For example:

Vehicles & Equipment → Rock Trucks → Rock Truck 01

Open Template:V2-VehicleDetails.

Find this section:

|link=Vehicles |button=All vehicles Replace it with:


|link=Vehicles |button=Back to Vehicles 2. Update the bottom navigation Find:

Replace it with:


Vehicles & Equipment   ›   Vehicles   ›   Vehicle Name

This gives each vehicle page a simple breadcrumb trail.

3. Update individual vehicle pages For example, a rock truck page would use:



OUT OF ORE WIKI
1920x
Rock Trucks
Rock Truck 01
Heavy mining truck.

OVERVIEW About this vehicle

Vehicle description goes here.

Rock Truck 01
Category:Rock Trucks
Purchase Price:$250,000
Unlock Level:12
Weight:25,000 kg
Engine Power:500 HP
Capacity:20,000 L


CONTROLS & OPERATION Operating instructions

Vehicle controls go here.




Vehicles & Equipment   ›   Rock Trucks   ›   Rock Truck 01


Example vehicle and specification values are placeholders. The important new parameter is:

|categorypage=Rock Trucks

You can use the same template for all vehicle categories:

Vehicle category

categorypage value

Rock Trucks

Rock Trucks

Excavators

Excavators

Loaders

Loaders

Dozers

Dozers

Graders

Graders

4. Add MediaWiki categories At the bottom of each individual vehicle page, outside the V2-VehicleDetails template, add: Change the second category for other vehicle types.

This also lets MediaWiki organize vehicle pages automatically, independently of our custom visual layouts.

Once you've updated and tested one vehicle page, the navigation between Vehicles → Vehicle Category → Vehicle Details will be in place.

After that, we can finish the vehicle section by adding a simple comparison feature without making the wiki unnecessarily complicated.

so how can i prewiew this You can preview the complete vehicle page directly in your MediaWiki sandbox, without publishing it as a normal wiki page.

1. Open your test page Open VehicleTest

2. Paste this example



OUT OF ORE WIKI
1920x
Rock Trucks
Rock Truck 01
Heavy mining truck designed for transporting materials.

OVERVIEW About this vehicle

This is an example vehicle description.

Rock trucks are used to transport large amounts of material around mining sites.

Rock Truck 01
Category:Rock Trucks
Manufacturer:Example Manufacturer
Purchase Price:$250,000
Unlock Level:12
Weight:25,000 kg
Engine Power:500 HP
Capacity:20,000 L
Fuel Capacity:600 L
Maximum Speed:65 km/h

CONTROLS & OPERATION Operating instructions

Vehicle controls and operating instructions will appear here.



ADDITIONAL INFORMATION Extra details

Additional information about the vehicle.

Vehicles & Equipment   ›   Rock Trucks   ›   Rock Truck 01


All vehicle details and specifications above are placeholders for testing the layout.

3. Click Show preview At the bottom of the MediaWiki editor, click Show preview.

You should see the complete page with the banner, navigation, description, infobox and bottom breadcrumb links.

4. Test the category navigation Once you save both sandbox pages, you can navigate between them:

Rock Trucks Category

User:Tattecko/RockTrucksSandbox

Rock Truck 01 Details

User:Tattecko/VehicleTest

To make the category link open your test vehicle, edit RockTrucksSandbox and change one vehicle list entry to:

Then save both pages and test the links.

Note: The test page's categorypage points to your sandbox. When you create the real vehicle page, change it to Rock Trucks.