多店舗化の命題にシステム化を選択したひとり店長奮闘記
【Bootstrap】かっこいいテンプレ Gentelella を見つけたので解析② Gentelellaのデモページはココ 今回は解析と言うより使い方編といった内容です。 ログインユーザーによってサイドナビのメニューを分けたり表題を変えたりしたいシーンがあります。 今作っているシステムの場合は【管理者】と【依頼者(ユーザーさん)】で同じメニューが出てはいけません。 「依頼者は依頼者の情報のみに。 […]
Slickで作ったSliderで画像とdots間の大きな隙間を強引に解決した方法 今ドメイントップの作り変えを行ってまして、TOPページにsliderを置こうと。 で、簡単だからSlickでいいかなと思い作業をしたら、画像とページ送りのドットとの間に超でかい隙間が発生。 スマホで見ると隙間更にデカいし。 色々とスマートな方法探したのですが、解決に至らなかったので力業で解決しました。 まずは基本コー […]
画面サイズに合わせた長さで文章を省略したい overflowの調整 今更ながらですが、文章の省略をしたいときってあります。 今回作成したパーツは会社のトピックス。 「○○入荷しました」とか、それくらいならいいのですが、コロナウィルスの影響など内容を長い文章で記載する事もあるわけです。 ちゃんと仕掛けていなかったので、テーブル内で折り返す折り返す。 Widthの値を固定すると画面ごとに調整する値の設 […]
CentOS7にLaravelを構成するまでの簡易マニュアル Dockerの上の構築に着手したため需要は半減しましたがメモとして記載します。 Dockerではなく、chef / puppet / ansible あたりを使うときにはこれをリストにして登録すれば使える様です。 CentOS7初期設定 ユーザーの追加 rootでログインした状態で [crayon-67595f5884091154618 […]
SQLに保存したHTMLを呼び出したらCSSが効かなかった理由 昨日に引き続き、MYSQLへのHTML保存とその呼出しについてです。 <br>や<div>などのタグが取り出せていない方は昨日の記事をご覧ください。 今回は、タグは取り出せて形成はできているのにCSSが効かないという事例についての備忘録です。 CSSに .img{max-width:100%;}を書いたのに画像 […]
CSS：テキストを折り返さず【…】で省略したい いつも忘れてしまうオーバーフローの処理です。 リストだから折り返さないで欲しい。そんな時は多々あります。 サイズ変わると見た目がね。 以前書いたことあるのですが「あれ？これで良かったよな」と思いながらできなかったので備忘録を記します。 正しいスクリプト CSS [crayon-67595f5884a4f078072930/] HTML [ […]
重なりの上下をコントロール：z-index (CSS) ショップのヘッダーを変更しようと四苦八苦したため備忘録を記します。 四苦八苦の原因はリストの重なり。だって参考文献にしたサイトに間違いが書いてあったんだもん！ はい、この備忘録は正しいものを記載しとくためのメモでございます。 z-indexの動作 cssにて指定します。 z-index:数字 この数字は小さいもから順に重ねられていきます。 つ […]
Laravelで領収書のPDF化を実装してみた だいぶ慣れてきたLaravel。せかっくなのでPDFの扱いもやってみようと実装してみました。 『Laravel PDF 作成』で検索しHITするツールを利用。 barryvdh/laravel-dompdf 困った問題もありましたが非常に簡単だったので備忘録に書き溜めます。 基本的な操作はPDF化したいURLを記載しコールするだけ [crayon-6 […]
EC-CUBE4でスタイルシートを書く方法 基本のスタイルシートはここにあります。 /EC-CUBEフォルダ/html/template/default/assets/css/style.css style.css を変更してしまうとページ全体が変わってしまいますが、このページだけ採用したいstyleってありますよね。 プライバシーポリシーでは<style>が書けない この備忘録を記 […]
EC-CUBE4の標準Frameでカテゴリリストの挙動 店舗内カテゴリの登録を終え表示を確認したところ3階層以降のcategoryがプルダウン時に横並びになっていました。 文字数の少ないもの(例えば『鍋』とか)の表記で起こる事を確認。 これはCSSで制御できるだろうと思い場所を探したので備忘録に記します。 管理画面でのカテゴリコントロール箇所 表示されている情報は、管理画面上の『コンテンツ管理＞ブ […]
