- Posts: 293
- Thank you received: 9
[SOLVED] Add to Cart POPUP Window Cutting Off
HikaShop Business
The modal Add to Cart POPUP window is too small to show the contents of that window.
See attached.
How to make it larger so that people can actually see the buttons?
Thanks.
Development server: www.ivibes.co.nz/new/shop-online-now
Please Log in or Create an account to join the conversation.
echo '<div style="display:none;"><a rel="{handler: \'iframe\',size: {x: 480, y: 140}}" id="hikashop_notice_box_trigger_link" href="'.hikashop_completeLink('checkout&task=notice'.$url_itemid,true).'"></a></div>';
Please Log in or Create an account to join the conversation.
Thank you.
Please Log in or Create an account to join the conversation.
I worldwide also change the color, i don't know why but the pop up is green instead all the other hika MessagePad are of a different color (Bordeaux)
here you find the standard color and button
here you can see the button of the pop uo
Thank you.
Please Log in or Create an account to join the conversation.
For the message color, that's because most of the type the messages are not included by the template in the component.php so HikaShop displays the message itself instead of letting the template do it.
Because of that, it uses the styles of HikaShop. So you will have to edit the front end CSS file of HikaShop if you want to change the color of that notice message.
Please Log in or Create an account to join the conversation.
To create the template I used Artisteer 3.1.
The component.php of the template is this:
<?php
defined('_JEXEC') or die;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" www.w3.org/1999/xhtml " xml:lang="language; ?>" lang="language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl . '/templates/' . $this->template; ?>/css/print.css" type="text/css" />
</head>
<body class="contentpane">
<jdoc:include type="message" />
<jdoc:include type="component" />
</body>
</html>
What do I have to add exaclty?
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
this is the index.php, could you just give me a little advice? Then I will start from that in order to understand how it works.
<?php
defined('_JEXEC') or die;
/* Template for Joomla! CMS, created with Artisteer. */
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
// Create alias for $this object reference:
$document = & $this;
// Shortcut for template base url:
$templateUrl = $document->baseurl . '/templates/' . $document->template;
// Initialize $view:
$view = $this->artx = new ArtxPage($this);
// Decorate component with Artisteer style:
$view->componentWrapper();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" www.w3.org/1999/xhtml " xml:lang="language; ?>" lang="language; ?>" dir="ltr">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript">if ('undefined' != typeof jQuery) document._artxJQueryBackup = jQuery;</script>
<script type="text/javascript" src="<?php echo $templateUrl; ?>/jquery.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
<script type="text/javascript">if (document._artxJQueryBackup) jQuery = document._artxJQueryBackup;</script>
</head>
<body>
<div id="art-main">
<div class="cleared reset-box"></div>
<?php if ($view->containsModules('user3', 'extra1', 'extra2')) : ?>
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
<?php if ($view->containsModules('extra1')) : ?>
<div class="art-hmenu-extra1"><?php echo $view->position('extra1'); ?></div>
<?php endif; ?>
<?php if ($view->containsModules('extra2')) : ?>
<div class="art-hmenu-extra2"><?php echo $view->position('extra2'); ?></div>
<?php endif; ?>
<?php echo $view->position('user3'); ?>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<?php endif; ?>
<div class="art-header">
<div class="art-header-position">
<div class="art-header-wrapper">
<div class="cleared reset-box"></div>
<div class="art-header-inner">
<div class="art-headerobject"></div>
<div class="art-logo">
</div>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<?php echo $view->position('banner1', 'art-nostyle'); ?>
<?php echo $view->positions(array('top1' => 33, 'top2' => 33, 'top3' => 34), 'art-block'); ?>
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<?php if ($view->containsModules('left')) : ?>
<div class="art-layout-cell art-sidebar1">
<?php echo $view->position('left', 'art-block'); ?>
<div class="cleared"></div>
</div>
<?php endif; ?>
<div class="art-layout-cell art-content">
<?php
echo $view->position('banner2', 'art-nostyle');
if ($view->containsModules('breadcrumb'))
echo artxPost($view->position('breadcrumb'));
echo $view->positions(array('user1' => 50, 'user2' => 50), 'art-article');
echo $view->position('banner3', 'art-nostyle');
if ($view->hasMessages())
echo artxPost('<jdoc:include type="message" />');
echo '<jdoc:include type="component" />';
echo $view->position('banner4', 'art-nostyle');
echo $view->positions(array('user4' => 50, 'user5' => 50), 'art-article');
echo $view->position('banner5', 'art-nostyle');
?>
<div class="cleared"></div>
</div>
<?php if ($view->containsModules('right')) : ?>
<div class="art-layout-cell art-sidebar2">
<?php echo $view->position('right', 'art-block'); ?>
<div class="cleared"></div>
</div>
<?php endif; ?>
</div>
</div>
</div>
<div class="cleared"></div>
<?php echo $view->positions(array('bottom1' => 33, 'bottom2' => 33, 'bottom3' => 34), 'art-block'); ?>
<?php echo $view->position('banner6', 'art-nostyle'); ?>
<div class="cleared"></div>
</div>
</div>
<div class="art-footer">
<div class="art-footer-body">
<div class="art-footer-center">
<div class="art-footer-wrapper">
<div class="art-footer-text">
<?php echo $view->position('syndicate'); ?>
<?php if ($view->containsModules('copyright')): ?>
<?php echo $view->position('copyright', 'art-nostyle'); ?>
<?php else: ?>
<?php ob_start(); ?>
<p><a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a></p><p>Copyright © 2012. All Rights Reserved.</p>
<div class="cleared"></div>
<p class="art-page-footer"><a href=" www.artisteer.com/?p=joomla_templates " target="_blank">Joomla template created with Artisteer by Stefano Fabbri.
<?php echo str_replace('%YEAR%', date('Y'), ob_get_clean()); ?>
<?php endif; ?>
</div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<?php echo $view->position('debug'); ?>
</body>
</html>
Please Log in or Create an account to join the conversation.
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl . '/templates/' . $this->template; ?>/css/template.css" media="screen" />
after:
<link rel="stylesheet" href="<?php echo $this->baseurl . '/templates/' . $this->template; ?>/css/print.css" type="text/css" />
Please Log in or Create an account to join the conversation.
Could you kindly tell me which CSS file (its location) I need to edit in order to change the colour of the Hikashop 'add-to-cart' success pop up messages (which appear on the frontend)? I have looked on the forum and could not see this information.
Your time is greatly appreciated.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Thanks for your reply. I actually do not have a css file for the frontend listed in Display. I have 3 css files listed for the backend only. Is this (frontend CSS) only available on paid for versions?
Please Log in or Create an account to join the conversation.
If you don't have it, it's either that it couldn't be copied during installation or that you deleted it.
you can find in the the folder media/css in install packages of HikaShop and put it manually in media/com_hikashop/css on your website and you will have it in the option.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
www.hikashop.com/support/support/documen...tation.html#override
Please Log in or Create an account to join the conversation.
nicolas wrote: You can edit the file administrator/components/com_hikashop/helper/cart.php and change the line:
echo '<div style="display:none;"><a rel="{handler: \'iframe\',size: {x: 480, y: 140}}" id="hikashop_notice_box_trigger_link" href="'.hikashop_completeLink('checkout&task=notice'.$url_itemid,true).'"></a></div>';
Hi Nicolas, sorry to up this thread but I had this problem after updating to last Hikashop release.
On the previous release I fixed the problem while giving a min-height to #sbox-window css selector.
Unfortunately I did it in the Joomla modal.css file and this file were replaced by Joomla update.
But it works also if I put the rule in the Hikashop custom frontend.css, then don't you think t's safer than to edit the cart.php file ? This file will not be modified by hikashop updates ?
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.