Styling changes

More
4 years 1 day ago #8248 by andrewbcs
andrewbcs created the topic: Styling changes
Hi,

If you look at the the checkout process of www.belfastblooms.co.uk online store I would like to do 3 things if possible and hopefully helped by the attached screenshots of where I would like to make the changes:

1. Change the save button location to the bottom of the registration page instead of the top (similar to the location you have the save button in the Computer Electronics store template.)

2. Rename the "Save" button text to Continue. I have read similar articles regarding language overrides but nothing that mentions the Save button specifically.

3. Increase the field boxes black outline weight (thickness) if possible to make it stand out clearer on the screen?

Any help you are able to give is much appreciated.

Thanks,
Andrew
Attachments:

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

More
4 years 18 hours ago #8251 by marcin
marcin replied the topic: Styling changes
Hello,

1) File location:
/templates/jm-computers-electronics-store/html/com_virtuemart/user/edit_address.php

You need to move the selected part of code to the bottom just before the last closing div tag:



2) As you can see on the above screenshot the language variable for the save button is:
COM_VIRTUEMART_SAVE
I do not suggest to override that variable since it will be changed in all places it appears.
Better idea is to create a custom language variable which you can add to the code, for example COM_VIRTUEMART_CUSTOM_CONTINUE and then you can translate this variable to "Continue".

3) You can change the border color of inputs in the template_variables.less file.
File location is:
/templates/jm-computers-electronics-store/less/template_variables.less
The variable name:
@JMinputBorder

Regards,
Marcin
Attachments:

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

More
4 years 16 hours ago #8259 by andrewbcs
andrewbcs replied the topic: Styling changes
Thank you very much for your help.

One question from me who is a novice in virtuemart, etc.

How do I create a custom language variable which you can add to the code, for example COM_VIRTUEMART_CUSTOM_CONTINUE and then you can translate this variable to "Continue".

Thanks again,
Andrew

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

More
4 years 16 hours ago #8260 by marcin
marcin replied the topic: Styling changes
Hello,

You need to replace the language variable for the button in the code.
Then you can use the Language Override feature to add a new language variable and its translation.
Please check this article:
www.joomla-monster.com/blog/joomla-2-5/l...ngly-simple-solution

Regards,
Marcin

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

More
4 years 14 hours ago #8263 by andrewbcs
andrewbcs replied the topic: Styling changes
The code for moving the save button is from what I can see slightly different in JM-Kids-Fashion-Store:

is it this:

<?php


if ($this->cart->getInCheckOut() || $this->address_type == 'ST') {
$buttonclass = 'default';
}
else {
$buttonclass = 'button vm-button-correct';
}


if (VmConfig::get ('oncheckout_show_register', 1) && $this->userDetails->JUser->id == 0 && !VmConfig::get ('oncheckout_only_registered', 0) && $this->address_type == 'BT' and $rview == 'cart') {
echo '<div id="reg_text">'.vmText::sprintf ('COM_VIRTUEMART_ONCHECKOUT_DEFAULT_TEXT_REGISTER', vmText::_ ('COM_VIRTUEMART_REGISTER_AND_CHECKOUT'), vmText::_ ('COM_VIRTUEMART_CHECKOUT_AS_GUEST')).'</div>'; }
else {
//echo vmText::_('COM_VIRTUEMART_REGISTER_ACCOUNT');
}
if (VmConfig::get ('oncheckout_show_register', 1) && $this->userDetails->JUser->id == 0 && $this->address_type == 'BT' and $rview == 'cart') {
?>
<button name="register" class="<?php echo $buttonclass ?>" type="submit" on-click="javascript:return myValidator(userForm,true);"
title="<?php echo vmText::_ ('COM_VIRTUEMART_REGISTER_AND_CHECKOUT'); ?>"><?php echo vmText::_ ('COM_VIRTUEMART_REGISTER_AND_CHECKOUT'); ?></button>
<?php if (!VmConfig::get ('oncheckout_only_registered', 0)) { ?>
<button name="save" class="<?php echo $buttonclass ?>" title="<?php echo vmText::_ ('COM_VIRTUEMART_CHECKOUT_AS_GUEST'); ?>" type="submit"
on-click="javascript:return myValidator(userForm, false);"><?php echo vmText::_ ('COM_VIRTUEMART_CHECKOUT_AS_GUEST'); ?></button>
<?php } ?>
<button class="default" type="reset"
on-click="window.location.href='<?php echo JRoute::_ ('index.php?option=com_virtuemart&view=' . $rview.'&task=cancel'); ?>'"><?php echo vmText::_ ('COM_VIRTUEMART_CANCEL'); ?></button>
<?php
}
else {
?>
<button class="<?php echo $buttonclass ?>" type="submit"
on-click="javascript:return myValidator(userForm,true);"><?php echo vmText::_ ('COM_VIRTUEMART_SAVE'); ?></button>
<button class="default" type="reset"
on-click="window.location.href='<?php echo JRoute::_ ('index.php?option=com_virtuemart&view=' . $rview.'&task=cancel'); ?>'"><?php echo vmText::_ ('COM_VIRTUEMART_CANCEL'); ?></button>
<?php } ?>


That needs moved below the last closing div tag?

Thanks,
Andrew

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

More
3 years 11 months ago #8267 by marcin
marcin replied the topic: Styling changes
Hello,

Eh I don't know why I was thinking this topic is related to the JM Computers Electronics Store template...

In the JM Kids Fashion Store template you will need to move the selected part just before the form closing tag:



Regards,
Marcin
Attachments:

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

Time to create page: 0.344 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.