Jump to content

Mettre en minuscule les sous catégories

Phenomene
 Share

Recommended Posts

Phenomene Collaborator

Phenomene

Posted
Posted

Bonjour,

J’aimerai mettre en minuscule les sous catégories du menu de prestashop 1.6,la première lettre en majuscule et le reste du titre en minuscule.

Voici ce que j'ai trouvé sur le forum

https://www.prestashop.com/forums/topic/676302-menu-haut-horizontal-en-minuscules/

et ceci

la modif est simple,

Dans le theme, css/modules/blocktopmenu/css/superfish-modified.css

supprimer

ligne 62  text-transform: uppercase;

voila, c'est tout

Pour ceux que ca interresse !

xm

J'ai supprimé la ligne 62 comme indiqué et cela ne fonctionne pas.

Que dois-je faire?

Quelqu'un a une idée du pourquoi cela ne fonctionne pas?

Merci de votre aide

 

Link to comment
Share on other sites
Phenomene Collaborator

Phenomene

Posted
  • Author
Posted
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
100% Script exécuté en 0.09 secondes
Bonsoir,
 
J'ai vider le cache dans le back office et dans le navigateur, cela n'a pas fonctionné.
 
Voici les informations, dans le theme, css/modules/blocktopmenu/css/superfish-modified.css
 
J'ai supprimer ligne 62  text-transform: uppercase;
 
Merci de me dire si c'est correct
 
Que puis-je faire d'autre?
 
Merci de votre aide
 
ftp.cluster020.hosting.ovh.net
Favoris (accesskey h) Actualiser (accesskey r) Aide (accesskey i) Déconnexion (accesskey l)
Visualiser le fichier superfish-modified.css Retour (accesskey b)  
  

 
  1. /*** ESSENTIAL STYLES ***/
  2. .sf-contener {
  3. clear: both;
  4. float: left;
  5. width: 100%; }
  6.  
  7. .sf-menu,
  8. .sf-menu * {
  9. margin: 0;
  10. padding: 0;
  11. list-style: none; }
  12.  
  13. .sf-menu {
  14. position: relative;
  15. padding: 0;
  16. width: 100%;
  17. border-bottom: 3px solid #e9e9e9;
  18. background: #f6f6f6; }
  19. @media (max-width: 767px) {
  20. .sf-menu {
  21. display: none; } }
  22.  
  23. .sf-menu ul {
  24. position: absolute;
  25. top: -999em;
  26. background: #fff; }
  27. @media (max-width: 767px) {
  28. .sf-menu ul {
  29. position: relative; } }
  30.  
  31. .sf-menu ul li {
  32. width: 100%; }
  33.  
  34. .sf-menu li:hover {
  35. visibility: inherit;
  36. /* fixes IE7 'sticky bug' */ }
  37.  
  38. .sf-menu > li {
  39. float: left;
  40. border-right: 1px solid #d6d4d4;
  41. margin-bottom: -3px; }
  42. @media (max-width: 767px) {
  43. .sf-menu > li {
  44. float: none;
  45. position: relative;
  46. border-right: none; }
  47. .sf-menu > li span {
  48. position: absolute;
  49. right: 6px;
  50. top: 20px;
  51. width: 30px;
  52. height: 30px;
  53. z-index: 2; }
  54. .sf-menu > li span:after {
  55. font-family: "FontAwesome";
  56. content: "\f067";
  57. font-size: 26px; }
  58. .sf-menu > li span.active:after {
  59. content: "\f068"; } }
  60. .sf-menu > li > a {
  61. font: 600 18px/22px "Open Sans", sans-serif;
  62. color: #484848;
  63. display: block;
  64. padding: 17px 20px;
  65. border-bottom: 3px solid #e9e9e9; }
  66. .sf-menu > li.sfHover > a,
  67. .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
  68. background: #333;
  69. border-bottom-color: #666666;
  70. color: #fff; }
  71.  
  72. .sf-menu li li li a {
  73. display: inline-block;
  74. position: relative;
  75. color: #777777;
  76. font-size: 13px;
  77. line-height: 16px;
  78. font-weight: bold;
  79. padding-bottom: 10px; }
  80. .sf-menu li li li a:before {
  81. content: "\f105";
  82. display: inline-block;
  83. font-family: "FontAwesome";
  84. padding-right: 10px; }
  85. .sf-menu li li li a:hover {
  86. color: #333; }
  87.  
  88. .sf-menu li ul {
  89. display: none;
  90. left: 0;
  91. top: 59px;
  92. /* match top ul list item height */
  93. z-index: 99;
  94. padding: 12px 0px 18px 0px;
  95. -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  96. -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  97. box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; }
  98. @media (max-width: 767px) {
  99. .sf-menu li ul {
  100. top: 0; } }
  101.  
  102. .sf-menu li li ul {
  103. position: static;
  104. display: block !important;
  105. opacity: 1 !important;
  106. background: none;
  107. -moz-box-shadow: transparent 0px 0px 0px;
  108. -webkit-box-shadow: transparent 0px 0px 0px;
  109. box-shadow: transparent 0px 0px 0px; }
  110.  
  111. .sf-menu li li li ul {
  112. padding: 0 0 0 20px; }
  113.  
  114. .sf-menu li li li ul {
  115. width: 220px; }
  116.  
  117. ul.sf-menu li:hover li ul,
  118. ul.sf-menu li.sfHover li ul {
  119. top: -999em; }
  120.  
  121. ul.sf-menu li li:hover ul,
  122. ul.sf-menu li li.sfHover ul {
  123. left: 200px;
  124. /* match ul width */
  125. top: 0; }
  126.  
  127. ul.sf-menu li li:hover li ul,
  128. ul.sf-menu li li.sfHover li ul {
  129. top: -999em; }
  130.  
  131. ul.sf-menu li li li:hover ul,
  132. ul.sf-menu li li li.sfHover ul {
  133. left: 200px;
  134. /* match ul width */
  135. top: 0; }
  136.  
  137. .sf-menu > li > ul {
  138. padding: 26px 30px 31px;
  139. width: 100%; }
  140. .sf-menu > li > ul > li > a {
  141. text-transform: uppercase;
  142. font: 600 16px/20px "Open Sans", sans-serif;
  143. color: #333; }
  144. .sf-menu > li > ul > li > a:hover {
  145. color: #515151; }
  146.  
  147. .sf-menu > li > ul > li {
  148. float: left;
  149. width: 20%;
  150. padding-right: 15px; }
  151. @media (max-width: 767px) {
  152. .sf-menu > li > ul > li {
  153. width: 50%; } }
  154. @media (max-width: 479px) {
  155. .sf-menu > li > ul > li {
  156. width: 100%;
  157. padding-bottom: 20px; } }
  158. @media (min-width: 768px) {
  159. .sf-menu > li > ul > li.first-in-line-lg {
  160. clear: left; } }
  161. @media (min-width: 480px) and (max-width: 767px) {
  162. .sf-menu > li > ul > li.first-in-line-xs {
  163. clear: left; } }
  164.  
  165. .sf-menu > li > ul > li.category-thumbnail {
  166. width: 100% !important;
  167. float: none;
  168. clear: both;
  169. overflow: hidden;
  170. padding-right: 0; }
  171. .sf-menu > li > ul > li.category-thumbnail > div {
  172. float: left;
  173. padding-left: 10px;
  174. width: 33.333%; }
  175. @media (max-width: 479px) {
  176. .sf-menu > li > ul > li.category-thumbnail > div {
  177. width: 100%;
  178. padding-left: 0;
  179. padding-top: 10px;
  180. text-align: center; } }
  181. .sf-menu > li > ul > li.category-thumbnail > div:first-child {
  182. padding-left: 0; }
  183. .sf-menu > li > ul > li.category-thumbnail > div img {
  184. max-width: 100%;
  185. display: block; }
  186.  
  187. .cat-title {
  188. display: none; }
  189. @media (max-width: 767px) {
  190. .cat-title {
  191. display: block;
  192. font: 600 18px/22px "Open Sans", sans-serif;
  193. text-transform: uppercase;
  194. color: #484848;
  195. display: block;
  196. padding: 17px 20px;
  197. border-bottom: 3px solid #e9e9e9;
  198. background: #f6f6f6;
  199. position: relative; }
  200. .cat-title:hover {
  201. background: #333;
  202. border-bottom-color: #666666;
  203. color: #fff; }
  204. .cat-title:after {
  205. display: block;
  206. font-family: "FontAwesome";
  207. content: "\f067";
  208. position: absolute;
  209. right: 15px;
  210. top: 18px;
  211. font-size: 26px; }
  212. .cat-title.active:after {
  213. content: "\f068"; } }
  214.  
  215. .sf-menu li.sf-search {
  216. border: none; }
  217. .sf-menu li.sf-search input {
  218. display: inline;
  219. padding: 0 13px;
  220. height: 30px;
  221. line-height: 30px;
  222. background: #fff;
  223. margin: 13px 10px 0 0;
  224. font-size: 13px;
  225. color: #9c9b9b;
  226. border: 1px solid #d6d4d4; }
  227.  
  228. #block_top_menu .category-thumbnail {
  229. clear: both;
  230. width: 100%;
  231. float: none; }
  232. #block_top_menu .category-thumbnail div {
  233. float: left;
  234. width: 33.33333%; }
  235. #block_top_menu .category-thumbnail div img {
  236. max-width: 100%; }
  237. #block_top_menu li.category-thumbnail {
  238. padding-right: 0; }
  239.  
  240. /*# sourceMappingURL=superfish-modified.css.map */
  241.  
La coloration syntaxique est réalisé par GeSHi
Link to comment
Share on other sites
Ced17 Contributor

Ced17

Posted
Posted

Ligne 62 c'est correct il faut bien l'enlever. Je ne suis pas partisan de supprimer , mais plutôt de commenter , c'est mon avis. essayer de commenter egalement la ligne 141 qui gère aussi valeur oui. pas la 193 c'est autre chose.

Link to comment
Share on other sites
Phenomene Collaborator

Phenomene

Posted
  • Author
Posted

Bonjour,

Voici les modifications que j'ai faite il y à surement une erreur, cela ne fonctionne pas.

Quelqu'un pourrait me dire ce qu'il faut mettre comme code à la ligne 62 et 141 ?

Merci

Visualiser le fichier superfish-modified.css

Retour (accesskey b)  
  

 
  1. /*** ESSENTIAL STYLES ***/
  2. .sf-contener {
  3. clear: both;
  4. float: left;
  5. width: 100%; }
  6.  
  7. .sf-menu,
  8. .sf-menu * {
  9. margin: 0;
  10. padding: 0;
  11. list-style: none; }
  12.  
  13. .sf-menu {
  14. position: relative;
  15. padding: 0;
  16. width: 100%;
  17. border-bottom: 3px solid #e9e9e9;
  18. background: #f6f6f6; }
  19. @media (max-width: 767px) {
  20. .sf-menu {
  21. display: none; } }
  22.  
  23. .sf-menu ul {
  24. position: absolute;
  25. top: -999em;
  26. background: #fff; }
  27. @media (max-width: 767px) {
  28. .sf-menu ul {
  29. position: relative; } }
  30.  
  31. .sf-menu ul li {
  32. width: 100%; }
  33.  
  34. .sf-menu li:hover {
  35. visibility: inherit;
  36. /* fixes IE7 'sticky bug' */ }
  37.  
  38. .sf-menu > li {
  39. float: left;
  40. border-right: 1px solid #d6d4d4;
  41. margin-bottom: -3px; }
  42. @media (max-width: 767px) {
  43. .sf-menu > li {
  44. float: none;
  45. position: relative;
  46. border-right: none; }
  47. .sf-menu > li span {
  48. position: absolute;
  49. right: 6px;
  50. top: 20px;
  51. width: 30px;
  52. height: 30px;
  53. z-index: 2; }
  54. .sf-menu > li span:after {
  55. font-family: "FontAwesome";
  56. content: "\f067";
  57. font-size: 26px; }
  58. .sf-menu > li span.active:after {
  59. content: "\f068"; } }
  60. .sf-menu > li > a {
  61. font: 600 18px/22px "Open Sans", sans-serif;
  62. /*text-transform:none*/
  63. color: #484848;
  64. display: block;
  65. padding: 17px 20px;
  66. border-bottom: 3px solid #e9e9e9; }
  67. .sf-menu > li.sfHover > a,
  68. .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
  69. background: #333;
  70. border-bottom-color: #666666;
  71. color: #fff; }
  72.  
  73. .sf-menu li li li a {
  74. display: inline-block;
  75. position: relative;
  76. color: #777777;
  77. font-size: 13px;
  78. line-height: 16px;
  79. font-weight: bold;
  80. padding-bottom: 10px; }
  81. .sf-menu li li li a:before {
  82. content: "\f105";
  83. display: inline-block;
  84. font-family: "FontAwesome";
  85. padding-right: 10px; }
  86. .sf-menu li li li a:hover {
  87. color: #333; }
  88.  
  89. .sf-menu li ul {
  90. display: none;
  91. left: 0;
  92. top: 59px;
  93. /* match top ul list item height */
  94. z-index: 99;
  95. padding: 12px 0px 18px 0px;
  96. -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  97. -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  98. box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; }
  99. @media (max-width: 767px) {
  100. .sf-menu li ul {
  101. top: 0; } }
  102.  
  103. .sf-menu li li ul {
  104. position: static;
  105. display: block !important;
  106. opacity: 1 !important;
  107. background: none;
  108. -moz-box-shadow: transparent 0px 0px 0px;
  109. -webkit-box-shadow: transparent 0px 0px 0px;
  110. box-shadow: transparent 0px 0px 0px; }
  111.  
  112. .sf-menu li li li ul {
  113. padding: 0 0 0 20px; }
  114.  
  115. .sf-menu li li li ul {
  116. width: 220px; }
  117.  
  118. ul.sf-menu li:hover li ul,
  119. ul.sf-menu li.sfHover li ul {
  120. top: -999em; }
  121.  
  122. ul.sf-menu li li:hover ul,
  123. ul.sf-menu li li.sfHover ul {
  124. left: 200px;
  125. /* match ul width */
  126. top: 0; }
  127.  
  128. ul.sf-menu li li:hover li ul,
  129. ul.sf-menu li li.sfHover li ul {
  130. top: -999em; }
  131.  
  132. ul.sf-menu li li li:hover ul,
  133. ul.sf-menu li li li.sfHover ul {
  134. left: 200px;
  135. /* match ul width */
  136. top: 0; }
  137.  
  138. .sf-menu > li > ul {
  139. padding: 26px 30px 31px;
  140. width: 100%; }
  141. .sf-menu > li > ul > li > a {
  142. /*text-transform:none*/
  143. font: 600 16px/20px "Open Sans", sans-serif;
  144. color: #333; }
  145. .sf-menu > li > ul > li > a:hover {
  146. color: #515151; }
  147.  
  148. .sf-menu > li > ul > li {
  149. float: left;
  150. width: 20%;
  151. padding-right: 15px; }
  152. @media (max-width: 767px) {
  153. .sf-menu > li > ul > li {
  154. width: 50%; } }
  155. @media (max-width: 479px) {
  156. .sf-menu > li > ul > li {
  157. width: 100%;
  158. padding-bottom: 20px; } }
  159. @media (min-width: 768px) {
  160. .sf-menu > li > ul > li.first-in-line-lg {
  161. clear: left; } }
  162. @media (min-width: 480px) and (max-width: 767px) {
  163. .sf-menu > li > ul > li.first-in-line-xs {
  164. clear: left; } }
  165.  
  166. .sf-menu > li > ul > li.category-thumbnail {
  167. width: 100% !important;
  168. float: none;
  169. clear: both;
  170. overflow: hidden;
  171. padding-right: 0; }
  172. .sf-menu > li > ul > li.category-thumbnail > div {
  173. float: left;
  174. padding-left: 10px;
  175. width: 33.333%; }
  176. @media (max-width: 479px) {
  177. .sf-menu > li > ul > li.category-thumbnail > div {
  178. width: 100%;
  179. padding-left: 0;
  180. padding-top: 10px;
  181. text-align: center; } }
  182. .sf-menu > li > ul > li.category-thumbnail > div:first-child {
  183. padding-left: 0; }
  184. .sf-menu > li > ul > li.category-thumbnail > div img {
  185. max-width: 100%;
  186. display: block; }
  187.  
  188. .cat-title {
  189. display: none; }
  190. @media (max-width: 767px) {
  191. .cat-title {
  192. display: block;
  193. font: 600 18px/22px "Open Sans", sans-serif;
  194. text-transform: uppercase;
  195. color: #484848;
  196. display: block;
  197. padding: 17px 20px;
  198. border-bottom: 3px solid #e9e9e9;
  199. background: #f6f6f6;
  200. position: relative; }
  201. .cat-title:hover {
  202. background: #333;
  203. border-bottom-color: #666666;
  204. color: #fff; }
  205. .cat-title:after {
  206. display: block;
  207. font-family: "FontAwesome";
  208. content: "\f067";
  209. position: absolute;
  210. right: 15px;
  211. top: 18px;
  212. font-size: 26px; }
  213. .cat-title.active:after {
  214. content: "\f068"; } }
  215.  
  216. .sf-menu li.sf-search {
  217. border: none; }
  218. .sf-menu li.sf-search input {
  219. display: inline;
  220. padding: 0 13px;
  221. height: 30px;
  222. line-height: 30px;
  223. background: #fff;
  224. margin: 13px 10px 0 0;
  225. font-size: 13px;
  226. color: #9c9b9b;
  227. border: 1px solid #d6d4d4; }
  228.  
  229. #block_top_menu .category-thumbnail {
  230. clear: both;
  231. width: 100%;
  232. float: none; }
  233. #block_top_menu .category-thumbnail div {
  234. float: left;
  235. width: 33.33333%; }
  236. #block_top_menu .category-thumbnail div img {
  237. max-width: 100%; }
  238. #block_top_menu li.category-thumbnail {
  239. padding-right: 0; }
  240.  
  241. /*# sourceMappingURL=superfish-modified.css.map */
  242.  
La coloration syntaxique est réalisé par GeSHi
 

 

 

Link to comment
Share on other sites
Ced17 Contributor

Ced17

Posted
Posted

Bonjour, 

Vos valeurs sont à none, qui impose au text aucune transformation. Vous pouvez ôter les commentaires. Avez-vous réglé dans performance/recompiler les fichiers de template si il ont été modifiés ou mis à jour. Si non cocher cette case,revider tout les caches et réessayer. Si ça ne fonctionne toujours pas, bizarre !!!

Link to comment
Share on other sites
Phenomene Collaborator

Phenomene

Posted
  • Author
Posted

Bonjour,

J'ai fait ce que m'avez conseillé, malheureusement, cela n'à pas fonctionné.

J'ai remarqué quand pointant le curseur de la souris les sous catégories sont écrites en minuscule, dans un encadré.

Par contre les sous catégories sont toujours en majuscules.

Que puis-je faire ?

Merci

Link to comment
Share on other sites
Ced17 Contributor

Ced17

Posted
Posted

Bonsoir,

Essayer de modifier ce fichier, mais je ne suis pas sur que cela fonctionne du fait que c'est du scss.

/themes/evolutionX/sass/modules/blocktopmenu/css/superfish-modified.scss ligne 147

.sf-menu > li > ul > li > a {
    /* text-transform: uppercase; */  Mettre en commentaire
    font: 600 16px/20px "Open Sans", sans-serif;
    color: #333;

 

Link to comment
Share on other sites
Phenomene Collaborator

Phenomene

Posted
  • Author
Posted

Bonjour,

Tout d'abord merci de votre aide.

Grâce à votre vous, j'ai pu mettre en minuscule les sous titres et en plus les titres.

Dans /thèmes/évolution x/css/modules/blocktopmenu/css/superfish-modified.css

Ligne 62 : /*text-transform*/

Ligne 141 : /*text-transform*/

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...