custom saas ribbon & logo configured from ini

modified:   development.ini
	new file:   make_post_sell/static/memopoly.png
	modified:   make_post_sell/templates/base.j2
	modified:   make_post_sell/templates/snippets/ribbon.j2
This commit is contained in:
Russell Ballestrini 2022-05-31 11:45:55 -04:00
parent 501210861c
commit 8a6b5ebb7d
4 changed files with 26 additions and 13 deletions

View file

@ -58,7 +58,12 @@ app.email.dkim_selector = ${MPS_APP_DKIM_SELECTOR}
# choices: rsa-sha256 or ed25519-sha256
#app.email.dkim_signature_algorithm = ed25519-sha256
# optionally overload the saas logo with a custom one.
#app.saas_logo = /static/memopoly.png
#app.saas_theme_color = #c50008ff
# optional ribbon text.
#app.saas_ribbon_text = setup shop in this virtual meme market world game!
app.saas_ribbon_text = Sell the digital things you make — commission free! open source, public domain, ecommerce software!
[pshell]
setup = make_post_sell.scripts.pshell.setup

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View file

@ -13,7 +13,7 @@
{% include 'snippets/analytics.j2' %}
{% set theme_color = request.shop.ribbon_color_1 or "#5871ad" %}
{% set theme_color = request.shop.ribbon_color_1 or request.app.saas_theme_color or "#5871ad" %}
<!-- this makes mobile pretty... -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="{{ theme_color }}">
@ -38,7 +38,12 @@
<section class="logo">
{% if request.is_saas_domain %}
<a href="/"><img class="logo" src="/static/mps.png" /></a>
{% if request.app.saas_logo %}
<a href="/"><img class="logo" src="{{ request.app.saas_logo }}" /></a>
{% else %}
<a href="/"><img class="logo" src="/static/mps.png" /></a>
{% endif %}
{% elif request.shop %}
<a href="/"><img class="logo" src="{{ request.app['bucket.secure_uploads.get_endpoint'] }}/{{ request.shop.uuid_str }}/meta/shop-logo-banner" /></a>
{% else%}

View file

@ -1,15 +1,7 @@
{% if request.is_saas_domain %}
<div class="message-ribbon">
Sell all the digital things you make—commission free
</div>
{% else %}
<style>
{% set ribbon_text_color = request.shop.ribbon_text_color or "#FFFFFF" %}
{% set ribbon_color_1 = request.shop.ribbon_color_1 or "#5871AD" %}
{% set ribbon_color_2 = request.shop.ribbon_color_2 or "#82A8FF" %}
{% set ribbon_color_1 = request.shop.ribbon_color_1 or request.app.saas_theme_color or "#5871AD" %}
{% set ribbon_color_2 = request.shop.ribbon_color_2 or request.app.saas_theme_color or "#82A8FF" %}
{% set link_color = request.shop.theme_link_color or "#425481" %}
div.message-ribbon {
color: {{ ribbon_text_color }};
@ -21,6 +13,17 @@ a.shop_theme_link_color {
</style>
{% if request.is_saas_domain %}
{% if request.app.saas_ribbon_text %}
<div class="message-ribbon">
{{ request.app.saas_ribbon_text }}
</div>
{% endif %}
{% else %}
{% if request.shop.ribbon_text %}
<div class="message-ribbon">
{{ request.shop.ribbon_text }}