Template Fluorspar

[dbltoe]

display:none and visibility:hidden are not inappropriate but can create problems. I.E. if you need to have a screen reader obtain the info, it will not be able to be read. But, if you set it to position:absolute;left:-2000px; the information will not show but, the screen reader will read the data.

Responsive vs mobile is not unlike tables vs div in code. Several checks including accessibility standards would lower page rank with too many tables. Used to be that everything was table-oriented. Now, you'll lower your rank with too many tables.

Same with mobile-ready/responsive in today's world. Some obtain the info at the beginning and redirect to mobile.yoursite.com. The advantage to this method is the ability to apply stylesheets to only the site needed. One of the things responsive does is bloat the site with stylesheets. You simply have to have more stylesheets if all is done on the same site

IMHO, if you are going to go with responsive vs. redirect, you really need to be watching what the folks are saying that are ranking your site. A recently published article by Google has some interesting information. Some of it touches on not hiding data but, the great information concerns the latest and greatest methods of making a site responsive by the folks that are ranking your site. It doesn't hurt that they develop chrome as well. The information was updated in May of this year, so simply the currency of the site makes it worthwhile to take a look. I found a couple of interesting methods there as well.

Again, all is submitted for info. I've always said that necessity is NOT the mother of invention: it's laziness. Even so, we sometimes have to learn how to be lazy.

[Don Wagner]

The 'display:none' option worked great for me. I am far from being up to speed on contributing code changes - maybe someday.

[aleps74]

Good Afternoon...

(fluorspar_v1.2)
I'm not finding where to replace:
Contact:
999999999
Homer Simpson
742 Evergreen Terrace,
Springfield
Oregon

TIA!!!

[Don Wagner]

I think you'll find it in "templates/[fluorspar]/common/tpl_footer_menu.php"

[peejay]

I am pleased to announce the release of Fluorspar ver 1.3.
Improvements have been made to the home page tabmenu using different javascript and a few css tricks.
The header menu now displays header EZ pages links.
The footer menu displays footer EZ pages links.
Some social media icons have been placed in the footer menu.
Photoswipe will now display enlarged images of different size in correct proportion.
Minor changes to css files to improve css buttons.

https://www.zenofobe.com

[Ingar]

Hello, just a small question. Doing some styling on the template pages can't find these icons pictures of home and login buttons in /* Navigation main */ to replace. The cart icons in images folder though. Where should I look into? Thanks.

[peejay]

Hello, just a small question. Doing some styling on the template pages can't find these icons pictures of home and login buttons in /* Navigation main */ to replace. The cart icons in images folder though. Where should I look into? Thanks.

The template uses Font Awesome icons (Ver 5), not images. These are located in file:-
includes/templates/fluorspar/common/tpl_header.php

<i class="fas fa-home fa-sm" title="Home"></i>
<i class="fas fa-user fa-sm" title="Account"></i>

you will need to replace these lines with something like this:-

<img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE,
$current_page_base,'images').HEADER_ICON_HOME ?>" alt="home icon" class="home-icon" title="Home" />

<img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE,
$current_page_base,'images').HEADER_ICON_LOGIN ?>" alt="login icon" class="login-icon" title="Account" />

Then open file :-
includes/languages/english/fluorspar/header.php
and define your images

// definiitions for header icons
define('HEADER_ICON_HOME', 'Your_file_name.png');
define('HEADER_ICON_LOGIN', 'Your_file_name.png');

Then place your images in :-
includes/templates/fluorspar/images/

Regards, Peejay

https://zenofobe.com

[Ingar]

Thank you very much. Got it. Was not even aware the Font Awesome exists. I am not going to replace it for images now though. Looks great and the colors could be changed.

[Ingar]

Hi! How can I alter the product page layout? I'd like the left side boxes such as categories and whatever else status is ON not to be shown on product pages, shopping cart, basically anywhere where the categories for instance are not necessary and space can be used more efficiently.

[peejay]

Hi! How can I alter the product page layout? I'd like the left side boxes such as categories and whatever else status is ON not to be shown on product pages, shopping cart, basically anywhere where the categories for instance are not necessary and space can be used more efficiently.

Open file :-

includes/templates/fluorspar/common/tpl_main_page.php

Find this line :-

// the following IF statement can be duplicated/modified as needed to set additional flags

Insert this code below and modify the array to suit your requirements :-

 if (in_array($current_page_base,explode(",",'shopping_cart,login,product_info,checkout_shipping,checkout_payment,checkout_confirmation')) ) {
    $flag_disable_left = true;
  }
 if ($this_is_home_page) {
 $flag_disable_left = true;
 }

I have modified my demo site as an example. http://www.zenofobe.com/demos/?skin=fluorspar

Regards,

Peejay

https://zenofobe.com