WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Bakery Shop »
  • Can little images be added to e.g. View Cart?
  • Print
Pages: [1]   Go Down

Author Topic: Can little images be added to e.g. View Cart?  (Read 12976 times)

Offline seanie_morris

  • Posts: 301
  • Gender: Male
Can little images be added to e.g. View Cart?
« on: March 10, 2017, 02:48:31 PM »
In /bakery/languages/EN.php there is the line:
Code: [Select]
$MOD_BAKERY['TXT_VIEW_CART'] = 'VIEW MY CART ITEMS';
How can I add a little trolley or basket image to it? What are the files for me to look into and try it myself?

Seanie.
Logged

Offline jacobi22

  • Betatester
  • **
  • Posts: 5920
Re: Can little images be added to e.g. View Cart?
« Reply #1 on: March 10, 2017, 02:58:32 PM »
WB-Backend - Bakery -> Page Settings -> Header

feel free to style this part here

Code: [Select]
<div class="mod_bakery_main_div_cart_bt_f">
<form action="[SHOP_URL]" method="post">
<input type="submit" name="view_cart" class="mod_bakery_bt_cart_f" value="[VIEW_CART]" />
</form>
</div>
Logged

freeSbee

  • Guest
Re: Can little images be added to e.g. View Cart?
« Reply #2 on: March 10, 2017, 03:04:37 PM »
Code: [Select]
<input type="submit" name="view_cart" class="mod_bakery_bt_cart_f" value="VIEW MY CART ITEMS">
Or add the icon to the frontend.css style sheet as a background image using the class "mod_bakery_bt_cart_ f".
Logged

Offline seanie_morris

  • Posts: 301
  • Gender: Male
Re: Can little images be added to e.g. View Cart?
« Reply #3 on: March 13, 2017, 11:31:11 AM »
That's what I thought guys, so I have been trying the CSS for the rules in bakery/frontend.css:

.mod_bakery_main_di v_cart_bt_f
.mod_bakery_bt_cart _f
.mod_bakery_bt_add_ f

by even just adding the following to see if it works:
Code: [Select]
background-image: url("../images/shopping-cart.png"); **and also adding a direct path link to the image**
background-position: left center;
background-repeat: no-repeat;
text-align: right;

but no image will display. In fact, the text on the buttons doesn't change position either, and remains centered in their blue boxes. The direct path link will show the image in the browser. Is there a rule overwriting a change in CSS somewhere?
Logged

freeSbee

  • Guest
Re: Can little images be added to e.g. View Cart?
« Reply #4 on: March 13, 2017, 02:27:53 PM »
Yes, as you have already guessed it is overwritten by the
Code: [Select]
.form input[type="submit"] roule (see /templates/overdrive/css/style.css at line 618).

Use the developer tools of your favorite browser to get more into cascading roules and see what is going on.
https://www.google.ch/search?q=browser+developer+tools
Logged

Offline seanie_morris

  • Posts: 301
  • Gender: Male
Re: Can little images be added to e.g. View Cart?
« Reply #5 on: March 13, 2017, 07:17:39 PM »
Quote from: freeSbee on March 13, 2017, 02:27:53 PM
Yes, as you have already guessed it is overwritten by the
Code: [Select]
.form input[type="submit"] roule (see /templates/overdrive/css/style.css at line 618).

Use the developer tools of your favorite browser to get more into cascading roules and see what is going on.
https://www.google.ch/search?q=browser+developer+tools

Excellent, thank you. I will study that and learn more again through developer tools, thanks for the pointer!  8-) (Y)
:)
Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Bakery Shop »
  • Can little images be added to e.g. View Cart?
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2