AquaBlue theme with footer

[couch]

If you are not familiar with React and can't use CSS and Javascript to add basic footer information to the default AquBlue theme, then this may be of interest to you: https://github.com/xmpie-users/uStore-js/wiki/AquaBlue-With-Footer

[AnwarG]

This is very nice addition to the AquaBlue theme! Thank you couch!

[cpink...@gmail.com]

Can this be used with version 13 as well or just for 13.2?

[couch]

Themes are dependent on the uStore version. I will add a zip for 13.0 and 13.1 to the page in a few minutes...

[Blake Norwood]

Are you no longer able to use HTML code in the text boxes? For example, forcing the city, state zip onto a new line with <br>?

[couch]

HTML code is enabled only for the 3 text areas in the about us page.

[daniel bennett]

thanks

[Carol France]

Good morning. I would like to center text in the footer. I used the following in the text box under the footer setup:

<center> Copyright ©2021 Company All rights reserved. </center>

However, when I look at the footer, it is showing with the <center> and not centering. Could anyone help with this? 

Thank you. 

Carol 

[couch]

You can control the appearance of the footer using the Custom CSS panel in the theme editor.

For example, to center the heading of the first column, you can use this CSS:

#footer-column-one {width:200px}

#footer-colunm-one-header {display:block;text-align:center}

All of the elements in the footer should have ids or classes that you can use to control with CSS.

[couch]

I made some changes to the AquaBlue With Footer theme to include a copyright line at the bottom of the footer, and to fix some css and typos.

You can get it here: https://github.com/xmpie-users/uStore-js/wiki/AquaBlue-With-Footer#how-do-you-get-it

It is built on the latest copy of AquaBlue which includes a fix released in patch 2206, so you will need uStore v14 with latest patches installed.

[Carol France]

Thank you so much, Couch.  You are the best! I truly appreciate this.  I downloaded the updated theme you provided. However, when trying to replace the current theme on uStore I received this error message. It doesn't state exactly what's wrong. Have you seen this before or would you know what this is? I've attached the error.

thank you.

Carol 

[couch]

First, check your uStore version. The latest "AquaBlue With Footer" theme will support only uStore v14 with patches installed.

You can find the uStore version and build in the browser tab when you're on the uStore admin login page, or on most of the uStore admin pages, you can see the version and build number down in the bottom right-hand corner.

The build number will need to be 8977 or later. If your build number is less than that, you will need to go to presets -> XMPie Services -> check for updates and install patches.

[Carol France]

Thank you. I'm installing the updates and patches for uStore now. I appreciate this.

Take Care,

Carol 

[Carol France]

Good morning, Couch. I am hoping you could help me. You've stated that HTML code is enabled only for the 3 text areas in the about us page. I am trying to add a link to send an email and I can not get it to work. Here's the html code. 

<a href="mailto: in...@CustomerName.com?subject=CustomerName Online Ordering Site Question" target="_blank">in...@CustomerName.com</a>

How could I successfully create an email link that works in the footer? 

I appreciate your help and time. Thank you. 

Carol

[couch]

Hi, 

You can certainly add a link to send an email into the AquaBlue with Footer theme editor fields that support html - eg the Text 1 field of the About us page. 

However, it would be static html only, and it looks like you are trying to inject variables into the html tag? 

When using the theme editor, the text/html value is simply injected into the html of the page in the relevant position. I mean that variables entered into the html will not be evaluated when using the theme editor.

What you want is certainly possible if you want to modify the theme or create a new theme so that the link is added into the theme code where the variables can be processed. - In this case, it the link is effectively hard-coded into the page and not editable by the store administrator in the theme editor.

[Carol France]

Thank you, Couch.

Take Care.

Carol

[ประกาศิต แย้มศรี]

Hi Couch,

I would appreciate it if you could guide me on how to translate the language into the local language. Currently, I am unable to locate the specific location for translation. Thank you.

Regards,
Paphawin

ในวันที่ วันศุกร์ที่ 19 กุมภาพันธ์ ค.ศ. 2021 เวลา 5 นาฬิกา 02 นาที 11 วินาที UTC+7 couch เขียนว่า:

[couch]

Which theme are you using?

If the PieceOfCake theme:

You will need to enter new values into the uStore SQL database. It is quite complex.

If you know SQL well, you can refer to this page which shows how the values are added for the default localizations: https://github.com/xmpie-users/uStore-js/wiki/A-Piece-of-Cake-store-theme

If you do not know SQL well, I recommend you to change to the AquaBlueWithFooter theme.

If the AquaBlueWithFooter theme:

In uStore admin, go to store setup page, from the store setup button, select customize theme, click footer setup and edit the fields there. Note that all localizations will use the values you set there. The Theme Editor does not provide an option that allows you to edit the values for different localizations.

More information about this theme is here: https://github.com/xmpie-users/uStore-js/wiki/AquaBlue-With-Footer

[ประกาศิต แย้มศรี]

Hi Couch,

I'm using AquaBlueWithFooter theme. I have done to setup in the footer setup (see picture below) but when I changed to Thai Language it appear [no localization] as previous capture.

I need to know how to fix it. Please suggest thank you very much.

ในวันที่ วันศุกร์ที่ 12 มกราคม ค.ศ. 2024 เวลา 11 นาฬิกา 16 นาที 39 วินาที UTC+7 couch เขียนว่า:

[couch]

Which uStore version?
And is the theme up-to-date?

[ประกาศิต แย้มศรี]

uStore V14.1 (Build 9321)

And I have Downloaded the theme package for uStore version 14.1 build 9296 from here: https://github.com/xmpie-users/uStore-js/wiki/AquaBlue-With-Footer#how-do-you-get-it

ในวันที่ วันศุกร์ที่ 12 มกราคม ค.ศ. 2024 เวลา 11 นาฬิกา 48 นาที 46 วินาที UTC+7 couch เขียนว่า:

[couch]

OK. The fact that you see English text in the footer means that you have not customized the theme...

* Go to uStore admin

* Select the store

* From the store setup button, select customize theme

* Click footer setup

* Delete the English text and type in Thai text for the headings and text fields.

* When done, click the publish button.

After this process, both English and Thai localization should show Thai in the footer.

This is the way the "customize theme" editor is designed - it does not give an option to edit the theme for different languages.

If you have the ability to create a custom theme, then you can add a localization file in the theme and publish a new theme using these instructions:

https://github.com/XMPieLab/uStore-NG/wiki/uStore-NG-Themes

To add a localiztion file:

* Duplicate /src/localizations/en-US.json file and name it by the localization you need. 

* Edit the file and change the texts

* Edit the index.js file in the same folder and add the new localization in two locations - in the import and localizations const.

* run the install and publish scripts as described in the wiki documentation.

[ประกาศิต แย้มศรี]

Hi Couch,

I can resolve this issue thank you very much.

Cheers!

ในวันที่ วันศุกร์ที่ 12 มกราคม ค.ศ. 2024 เวลา 13 นาฬิกา 28 นาที 00 วินาที UTC+7 couch เขียนว่า: