Change size of Popups

  • Posts: 34
  • Thank you received: 0
11 years 4 months ago #108199

I'm sorry, I've followed every thread pertaining to responsive modifications. But, all of my efforts have resulted in only 1 popup displaying in a size that will work in a responsive environment.

Please help me with a solution here:
juil.com/mobile/

1. "add to cart" popup: I cannot find where I can change this size. I have tried overrides, everything, always stays the same width and height.
2. "edit" Billing Address information. Cannot change size.

The only one that has changed is "Add" Billing address information.

I have attached screen shot. There are other issues as well, but I'll start a new thread.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82759
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #108345

Hi,

Too bad that your template is not compatible with bootstrap. If it would, you would have had automatically resized popups for mobile devices without doing anything.

Regarding the add to cart popup, the best is to indeed create a template override file in your template's html folder implementing the hikashop_popup_render function based on the code of the administrator/components/com_hikashop/helpers/cart.php file. That way, you don't loose your changes when you update. But if you're not a developer, then it's easier to directly edit the code of the file. It's actually quite simple. Just change the size on the line:

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

Regarding the edit address popup during the checkout, you can do a similar change to the line:
<a id="hikashop_checkout_<?php echo $this->type;?>_address_edit_<?php echo $address->address_id; ?>" title="<?php echo JText::_('HIKA_EDIT'); ?>" class="modal hikashop_checkout_<?php echo $this->type;?>_address_edit" rel="{handler: 'iframe', size: {x: 450, y: 480}}" href="<?php echo hikashop_completeLink('address&task=edit&redirect=checkout&address_id='.$address->address_id.'&step='.$this->step.'&type='.$this->type.$url_itemid,true);?>" onclick="return hikashopEditAddress(this,<?php echo (int)$same_address?>,false);"><img alt="<?php echo JText::_('HIKA_EDIT'); ?>" src="<?php echo HIKASHOP_IMAGES; ?>edit.png" border="0" /></a>
of the file "address_view" of the view "checkout" for your frontend template via the menu Display->Views.

Please Log in or Create an account to join the conversation.

  • Posts: 34
  • Thank you received: 0
11 years 4 months ago #108355

Actually, my template is the latest version of a Yootheme responsive design. All of my other components and plugins work beautifully with the theme to become responsive. I attempted to use Joomla 3.2, but it's really not ready yet. Most of Hikashop works fine, with the exception of the entire checkout process, which I'm manually editing to look better.

Your solution worked in 2 areas, however the "edit" address is still large. Any ideas? Thank you for your reply so far.

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
11 years 4 months ago #108408

Hi,

For the edit address, is the popup size changing ? If not, be sure that you edit in the good template.

Please Log in or Create an account to join the conversation.

Time to create page: 0.091 seconds
Powered by Kunena Forum