0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

Modal Popup in Quantive Issue

  • Modal Popup in Quantive Issue

    Posted 13 years 5 months ago
    • Hi,

      My software is: Quantive Template, in Joomla 1.5.23, and Gantry v3.1.18.

      I am using an e-commerce extension called Hikashop which opens a modal popup to show the terms and conditions while checking out:

      This image is hidden for guests.
      Please log in or register to see it.


      As you can see in the attached screen capture, there are 2 problems.
      • The background is not white, but instead it shows the background image of the template, so the text is not quite visible.
      • There is an horizontal slider which is not logical to read text. The window should be wider, or the text should wrap.

      The developer of Hikashop answered this:
      The modal boxes are displayed by your template with the component.php file instead of the index.php. So if your template styles are not used in the modal boxes, it means that your template's component.php is missing the inclusion of CSS files, like you have in the index.php

      Why is Quantive/Gantry not showing the pop-up right?
      What is the solution to the 2 issues described above?

      Thanks.

      P.S. The code used by Hikashop to show the popup is this:
      defined('_JEXEC') or die('Restricted access');
      ?>
      <div id="hikashop_checkout_terms" class="hikashop_checkout_terms">
          <input class="hikashop_checkout_terms_checkbox" id="hikashop_checkout_terms_checkbox" type="checkbox" name="hikashop_checkout_terms" value="1" <?php echo $this->terms_checked; ?> />
          <?php
              $text = JText::_('PLEASE_ACCEPT_TERMS_BEFORE_FINISHING_ORDER');
              $terms_article = $this->config->get('checkout_terms');
              if(!empty($terms_article)){
                  JHTML::_('behavior.modal');
                  $text = '<a href="'.JRoute::_('index.php?option=com_content&view=article&id='.$terms_article.'&tmpl=component').'" class="modal" rel="{handler: \'iframe\', size: {x: 450, y: 480}}" target="_blank">'.$text.'</a>';
              }
          ?>
          <label for="hikashop_checkout_terms_checkbox"><?php echo $text; ?></label>
      </div>


      This image is hidden for guests.
      Please log in or register to see it.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 957
    • Volunteer

    Re: Modal Popup in Quantive Issue

    Posted 13 years 5 months ago
    • do you have a link?
  • Re: Modal Popup in Quantive Issue

    Posted 13 years 5 months ago
    • Replace component.php with the code below. Should add the template css to the modal that you are looking for.
      <?php
      /**
       * @package Gantry Template Framework - RocketTheme
       * @version ${project.version} ${build_date}
       * @author RocketTheme http://www.rockettheme.com
       * @copyright Copyright (C) 2007 - ${copyright_year} RocketTheme, LLC
       * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
       *
       * Gantry uses the Joomla Framework (http://www.joomla.org), a GNU/GPLv2 content management system
       *
       */
      // no direct access
      defined( '_JEXEC' ) or die( 'Restricted index access' );
       
      // load and inititialize gantry class
      require_once('lib/gantry/gantry.php');
      $gantry->init();
       
      ?>
      <?php if (JRequest::getString('type')=='raw'):?>
           <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
           <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $gantry->language; ?>" lang="<?php echo $gantry->language;?>" >
                <head>
                     <?php 
                          $gantry->displayHead();
                          $gantry->addStyles(array('template.css','joomla.css','style.css','typography.css'));
                     ?>
                </head>
                <body <?php echo $gantry->displayBodyTag(); ?>>
                     <jdoc:include type="component" />
                </body>
           </html>
      <?php else: ?>
           <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
           <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $gantry->language; ?>" lang="<?php echo $gantry->language;?>" >
                <head>
                     <?php 
                          $gantry->displayHead();
                          $gantry->addStyles(array('template.css','joomla.css','style.css','typography.css'));
                     ?>
                </head>
                <body <?php echo $gantry->displayBodyTag(); ?>>
                     <div id="rt-main-surround">
                          <div class="rt-container">
                               <div class="rt-block">
                                    <div id="rt-mainbody">
                                         <jdoc:include type="component" />
                                    </div>
                               </div>
                          </div>
                     </div>
                </body>
           </html>
      <?php endif; ?>
      <?php
      $gantry->finalize();
      ?>
    • James Spencer / Developer & Support / Hull, UK
  • Re: Modal Popup in Quantive Issue

    Posted 13 years 5 months ago
    • Hi James,

      the solution did not work. I replaced the code you posted in "templates/rt_quantive_j15/component.php" but the modal popup shows exactly the same. Of course I cleared the browsers cache, and tested with other browsers but the result is the same.

      Henning,

      You can see the website here:
      valencia.directrouter.com/~freedomp/
      Then go to "Downloads > Full Audios > Add to Cart > Proceed to Checkout > Checkout > Register > License Agreement"

      Thanks.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 957
    • Volunteer

    Re: Modal Popup in Quantive Issue

    Posted 13 years 4 months ago
    • for the background add this to your template.css and clear your cache:

      body > div#rt-main-surround {background-color: white;}
      body > div#rt-main-surround > .rt-container {width: auto;}
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 957
    • Volunteer

    Re: Modal Popup in Quantive Issue

    Posted 13 years 4 months ago
    • for the scrollbar add this to your template.css

      body.menu-checkout {min-width:100px;}

      don't forget to clear your browser cache ...
  • Re: Modal Popup in Quantive Issue

    Posted 13 years 4 months ago
    • Henning, I included the 3 additional lines you wrote to /templates/rt_quantive_j15/css/template.css but there is absolutely no change. The modal popup looks exactly the same as when I created this thread.

      Would appreciate help on this.

      Thanks.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 957
    • Volunteer

    Re: Modal Popup in Quantive Issue

    Posted 13 years 4 months ago
    • The lines I suggested are not in template.css.
      Put them back in so I work on them.
      (btw that code works for me)

Time to create page: 0.081 seconds