Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - FashionMart (SKU# FLEX-00008)

TOPIC: Quick View not using the Fashionmart CSS?

Quick View not using the Fashionmart CSS? 10 years 6 months ago #6474

Hello when i click on the Quick view on the category page it does not use the CSS of fashionmart like in the demo template

(please see on the picture to get the website name and see the issue)

thank you for your kind help!
Attachments:
The administrator has disabled public write access.

Quick View not using the Fashionmart CSS? 10 years 6 months ago #6493

Hi,

You are mistaken. It uses the CSS of fashionMArt, but it doesn't use the CSS of your joomla template. This is why you are seeing blue text-link in the TABs. is this is problem you are talking about?

It is because your joomla template's CSS files don't get loaded in the facebox window.

Facebox's page loading is not a special feature that comes with FashionMart, it is already a feature of "joomla". If you type ?tmpl=component parameter to the URL the targeted page will open without the module position (i.e: www.xtremillusion.com/?tmpl=component) . It is called "component" page layout, because it loads only the "component" (it can be com_virtuemart, com_article or anything). We are using this ?tmpl=component parameter to open the product details page inside the facebox, because we don't need the modules and menus, we only need the component, which is the product details page in this case.

To force to load all available CSS files in the facebook (quickLook) window as well, you can include your all available template's CSS files into this PHP file:

/templates/YOUR_TEMPLATE/component.php

with simple CSS loading tags:

<l-ink rel="stylesheet" href="/templates/YOUR_TEMPLATE/css/template.css" type="text/css" />
<l-ink rel="stylesheet" href="/templates/YOUR_TEMPLATE/css/layout.css" type="text/css" />


or
with PHP lines:
<?php
$doc = JFactory::getDocument();
$doc->addStyleSheet(JURI::base().'templates/YOUR_TEMPLATE/css/template.css');
$doc->addStyleSheet(JURI::base().'templates/YOUR_TEMPLATE/css/layout.css');
?>

- In the above codes, i did it only for template.css and layout.css but there must be other CSS files as well (check your /templates/YOUR_TEMPLATE/css/ folder to see what CSS files there are) you should load all of them to get the exact same look in the original page and the quicklook window.

Regards.
Last Edit: 10 years 6 months ago by Support.
The administrator has disabled public write access.
Time to create page: 0.091 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo