Template Fluorspar

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.:P 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.:P

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

Good Afternoon...

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

TIA!!!

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

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

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.

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.
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

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.

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.

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.

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

Changing core files can be a problem during future upgrades if not meticulously documented. There are so many other options that don't require the modification of a core file.

The first that comes to mind in this instance is the use of a stylesheet to do a display:none where you do not want them to appear. Conversely, when needed again, simply change the stylesheet.

There are specific methods to do this and they are laid out in the CSS_read_me.txt of either the template_default or responsive_classic CSS folder.

Remember that, often what is important for the customer to have, is not considered by the developer/owner. For example, as a customer, I would find it VERY helpful to be able to see other categories I might be interested in shopping for while in the shopping cart.

Beautiful! I have just changed home page for "false". Exactly what I needed. Thank you.

dbltoe:

Remember that, often what is important for the customer to have, is not considered by the developer/owner. For example, as a customer, I would find it VERY helpful to be able to see other categories I might be interested in shopping for while in the shopping cart.
I don't know. In this particular case you have got mega menu drop-down right above you cart or whatever page you are on. The template is good. Isn't it? I personally do not see better choice on a budget around.

dbltoe:

Changing core files can be a problem during future upgrades if not meticulously documented. There are so many other options that don't require the modification of a core file.

The first that comes to mind in this instance is the use of a stylesheet to do a display:none where you do not want them to appear. Conversely, when needed again, simply change the stylesheet.

There are specific methods to do this and they are laid out in the CSS_read_me.txt of either the template_default or responsive_classic CSS folder.
dbltoe your comments are always appreciated however your attitude to 'display:none' seems to be a bit fickle, earlier on in this thread you were decrying it's usage and now you are advocating it. https://www.zen-cart.com/showthread.php?225160-Template-Fluorspar&p=1359475&highlight=display%3Anone#post1359475
Your suggested method of using CSS does require the creation of more CSS files, this has an impact on page rendering (albeit small) and should be avoided.

I do not regard the file 'includes/templates/fluorspar/common/tpl_main_page.php' as a core file as it is part of the Fluorspar template and is therefore an 'override' file.
Modifying these files is part of the 'override system' and is the esscence of the Zen Cart open source project. It would be impossible to design a new template if you were unable to change these files.
Zen Cart v1.5.6c file :- includes/templates/template_default/common/tpl_main_page.php
contains this code :-

// the following IF statement can be duplicated/modified as needed to set additional flags
  if (in_array($current_page_base,explode(",",'list_pages_to_skip_all_right_sideboxes_on_here,separated_by_commas,and_no_spaces')) ) {
    $flag_disable_right = true;
  }

This must endorse my method as being acceptable and probably better than creating more CSS files.

Ingar:

I don't know. In this particular case you have got mega menu drop-down right above you cart or whatever page you are on. The template is good. Isn't it? I personally do not see better choice on a budget around.

Thanks Ingar, your appreciation is appreciated.

I have a small issue with getting 2 items to show on the product page. One is CrossSell and the other is alsoPurchased. Both of these show when I view page source with the right details/information, but neither show on the actual page. I've been trying to figure this out for days and nothing I do helps, they do/did both work fine on a previous template and work on the default 156c template. Any advice would be greatly appreciated.

SStreich:

I have a small issue with getting 2 items to show on the product page. One is CrossSell and the other is alsoPurchased. Both of these show when I view page source with the right details/information, but neither show on the actual page. I've been trying to figure this out for days and nothing I do helps, they do/did both work fine on a previous template and work on the default 156c template. Any advice would be greatly appreciated.

Thanks for pointing this out. I have discovered an error in :-

includes/templates/fluorspar/css/stylesheet.css

open the file and delete this rule found near the top :-

.centerBoxWrapper {display:none}

Please note that CrossSell and Fluorspar are plugins that have modified versions of the same file which need to be merged :-

includes/templates/fluorspar/templates/tpl_product_info_display.php

If you have not already done so, use the version from Fluorspar and insert these lines near bottom of file after :- <!--eof Product URL -->

<!--bof xsell module -->
<?php require($template->get_template_dir('tpl_modules_xsell_products.php', DIR_WS_TEMPLATE, $current_page_base,'templates'). '/' . 'tpl_modules_xsell_products.php'); ?>
<!--eof xsell module -->

I am assuming you are using cross_sell_advanced_plus_combo_1.5

Regards Peejay

http://zenofobe.com

peejay:

Thanks for pointing this out. I have discovered an error in :-

includes/templates/fluorspar/css/stylesheet.css

open the file and delete this rule found near the top :-

.centerBoxWrapper {display:none}

Please note that CrossSell and Fluorspar are plugins that have modified versions of the same file which need to be merged :-

includes/templates/fluorspar/templates/tpl_product_info_display.php

If you have not already done so, use the version from Fluorspar and insert these lines near bottom of file after :- <!--eof Product URL -->

> 
> I am assuming you are using **cross_sell_advanced_plus_combo_1.5**
> 
> Regards Peejay
> 
> [http://zenofobe.com](http://zenofobe.com)

Thank you Peejay
That was the problem. I figured that line was the the issue and had already played with it, but not correctly. Instead of removing the whole line I only removed the "display:none", which of course wasn't the correct way to do it.  Works just as expected now.

How do you change the 3 x images on the home page (the women)?
I replaced them with 3 of my own (named the same and saved the same file type), placed in the same spots and still nothing is changing.
Please help.
Kind Regards
Casey

hookedondecals:

How do you change the 3 x images on the home page (the women)?
I replaced them with 3 of my own (named the same and saved the same file type), placed in the same spots and still nothing is changing.
Please help.
Kind Regards
Casey

Now that I have re-read your post, maybe the best way to ensure your browser is refreshing the images is to use unique name for yours. Or right click on an image and select 'Open Image in New Tab', then refresh that tab several times until you get the new image. I have often had to do this - in Chrome at least - to get the new image.

Revise the list of images in this File: includes/templates/fluorspar [or your name for it]/common/tpl_nivo_top.php

You will likely want to do it this way if you want to re-define the 'alternate' tags to match your images.

Perhaps at some time in the future, this will be a feature you can configure in the Admin Control Panel. I am just a rookie at coding so am unable to personally contribute nice 'fixes' to Zen Cart like many others have been selflessly doing.