X-Cart reBOOT (reDUX) Template

ITVV · #**141** 01-09-2021, 04:29 AM

Quote:

Originally Posted by PhilJ

No need to change CSS, you can just tweak /skin/reboot/custom/main/columns.tpl

col-lg-9 change to col-lg-8 (two occurances)
col-lg-3 change to col-lg-4 (two occurances)

For your 21:9 ratio slider, images should be 867 x 372

https://xcartmods.com/redux4712/skin/reboot/custom/reboot/21x9.html

Thanks Phil,

Brilliant support as always

I appreciate your kind help and super fast responses

Kind regards

ITVV

sinobest · #**142** 01-09-2021, 05:22 AM

Hi, Phil. How to the FAQ at homepage and category as a product page, please?

ITVV · #**143** 01-09-2021, 06:09 AM

Code:

col-lg-9 change to col-lg-8 (two occurances)
col-lg-3 change to col-lg-4 (two occurances)

Hi Phil,

Sorry to be a pain

I have made the changes which were straight forward

However, I need something in the middle of these settings. After the change the Left Hand Sidebars (authbox, special menu etc) are now a bit too wide

Is there a simple css tweak that I could make to tweak the widths of the new settings?

Once again many thanks

Regards

ITVV

PhilJ · #**144** 01-09-2021, 08:47 AM

Quote:

Hi, Phil. How to the FAQ at homepage and category as a product page, please?

I won't be adding custom FAQ fields for homepage and categories.

Your best bet it to just use plain HTML like this, which also includes microsnippets...

Code:

<div class="details-summary-accordion" itemscope itemtype="https://schema.org/FAQPage">

<details class="my-1" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question" open="open">
<summary class="h4 bg-light border rounded px-3 py-2" itemprop="name">This is Question 1?</summary>
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text">This is the answer to question 1.</p>
</div>
</details>

<details class="my-1" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<summary class="h4 bg-light border rounded px-3 py-2" itemprop="name">This is Question 2?</summary>
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text">This is the answer to question 2.</p>
</div>
</details>

<details class="my-1" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<summary class="h4 bg-light border rounded px-3 py-2" itemprop="name">This is Question 3?</summary>
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text">This is the answer to question 3.</p>
</div>
</details>

</div>

Which will look like this.

You can of course substitute the questions and answers for language labels.

You can change the CSS styles for details/summary accordions in /skin/reboot/css/utilities.css

PhilJ · #**145** 01-09-2021, 09:19 AM

@ ITVV, not easily, as it works off the 12 column Bootstrap grid. I'll have a think.

Why not just put the .container max-width back to 1366px?

I see you changed yours to 1200px.

Quote:

.container { max-width: 1366px !important; }

(bootstrap-overrides.css)

EDIT: you could try adding this CSS to bootstrap-overrides.css ...

Quote:

.col-lg-30, .col-lg-70 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-lg-30 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
.col-lg-70 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }

Then use those classes for the main and sidebar columns.

sinobest · #**146** 01-10-2021, 04:45 AM

Hi, PhilJ:

https://search.google.com/test/rich-results?id=eYGv6xKE6Qs7-lPv8xVcZw
Structured data parsing errors
Duplicate unique property
1 instance
Line 1327:1
"@type"

How to solve this issue, please?

PhilJ · #**147** 01-10-2021, 05:02 AM

/skin/reboot/custom/json_ld.tpl

Replace...

Code:

"@type": "AggregateRating",
"bestRating": "5",
"ratingCount": "12",
"ratingValue": "5"
},

With...

Code:

"aggregateRating": {
"@type": "AggregateRating",
"bestRating": "5",
"ratingCount": "{if $ratingCount}{$ratingCount}{else}12{/if}",
"ratingValue": "{if $ratingValue}{$ratingValue}{else}5{/if}"
},

Then in /reboot/get_testimonials.php

After...

Code:

$smarty->assign("rtestimonials",$rtestimonials);

Insert...

Code:

$qry = db_query("SELECT COUNT(rating) AS rating_total FROM reboot_testimonials WHERE approved = 'Y'"); 
$result = db_fetch_array($qry); 
$total = $result['rating_total'];
$smarty->assign("ratingCount", $total);

$qry = db_query("SELECT AVG(rating) AS rating_average FROM reboot_testimonials WHERE approved = 'Y' AND rating != 0"); 
$result = db_fetch_array($qry); 
$average = ROUND($result['rating_average'], 1);
$smarty->assign("ratingValue", $average);

So if you have the testimonials addon enabled, it'll use those rating values.

https://search.google.com/test/rich-results?id=rce6h-G6-hQQi7_eYRxjRg

ITVV · #**148** 01-10-2021, 06:03 AM

Quote:

Originally Posted by PhilJ

@ ITVV, not easily, as it works off the 12 column Bootstrap grid. I'll have a think.

Why not just put the .container max-width back to 1366px?

I see you changed yours to 1200px.
(bootstrap-overrides.css)

EDIT: you could try adding this CSS to bootstrap-overrides.css ...
Then use those classes for the main and sidebar columns.

@PhilJ

Hi Phil,

Sorry I have only just noticed that you updated your answer here with regard to my column widths etc.

BINGO - easy when you know how

Changed it back to: -

.container { max-width: 1366px !important; }

and also reset col-lg-9, col-lg-3 in /skin/reboot/custom/main/columns.tpl

Now I have what I want (which was always there - it was operator error on my part

).

As always many thanks for your kind help

Regards

ITVV

PhilJ · #**149** 01-11-2021, 09:37 AM

https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist

Dougrun · #**150** 01-11-2021, 11:41 AM

where can i remove the link to the contact us page? I would like the info page but not the form.