add to bag not showing

  • 1
  • Question
  • Updated 4 years ago
  • Answered
add to bag not showing

--------------------------------------------------------------------------------

I changed my add to bag box in photoshop following your instructions and added the css code however its not showing on my site. It appears that its there when you put your mouse over the space where it was however its invisible

This is the code I added:

/* The "Add to bag" button in up state */
div.ecwid-AddToBagButton-up, div.ecwid-AddToBagButton-up-hovering {
background: transparent url(https://www.dropbox.com/s/rpx2aslrk1...) no-repeat top center !important;
}
/* The "Add to bag" button in down state */
div.ecwid-AddToBagButton-down, div.ecwid-AddToBagButton-down-hovering {
background: transparent url(https://www.dropbox.com/s/rpx2aslrk1...) no-repeat bottom center !important;
}

I also tried

/* The "Add to bag" button in up state */
div.ecwid-AddToBagButton-up, div.ecwid-AddToBagButton-up-hovering {
background: transparent url(https://www.dropbox.com/s/rpx2aslrk1u...) no-repeat top center !important;
}
/* The "Add to bag" button in down state */
div.ecwid-AddToBagButton-down, div.ecwid-AddToBagButton-down-hovering {
background: transparent url(https://www.dropbox.com/s/rpx2aslrk1u...) no-repeat bottom center !important;
}

Also I want to remove the grey background box that surrounds the add to bag box/price etc

I also want to add the product name and price about the description

Please help!
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
  • frustrated

Posted 5 years ago

  • 1
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
*I also want to add the product name and price ABOVE the description
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
See your other thread for this.
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
I also want the detailed images to be at the right of the main picture going down the side instead of going across. I have spend days trying to work this all out looking at ecwid knowledge pages but cant find the answer
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Agwein,
This isn't allowed for within the Store design modifications, that I have seen.

You can possibly ask on the Ecwid forum or the Yola CS staff can ask for you.
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
Really Im quite disapointed with all the editing to the shop I have to do.
Do you know if the detailed images can be shown bigger?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Just for my defintion :) do you mean the thumbnails?

I'm not going to defend the flexibility of the Store but I can tell you that it is so powerful using code that would be very difficult to mimick with the use of WYSIWYG facilities. You have asked for flexibility that few users envisage. Imagine trying to predict all permutations and combinations?
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
I understand what your saying. I just thought theyd be template options that I could just select that would actually look like a professional online shop. In its original state I wouldnt use it as it looks old fashioned and doesnt fit with my brand
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
the detailed images that are on the product page as shown in my screenshot
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes


You mean the circled images?
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
yes

thanks
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
I would like them bigger, you said they cant be displayed down the side of the main image...can they displayed below the description with the price and add to bag button?
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
So I can add it on the store page rather than every product page?
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
Im describing things in the best way i know how to
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
please see below screen shot where im adding css code
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
shop isnt published as it isnt ready
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
If you can publish it for the sake of this review that will help. It won't be seen for a few weeks after publishing as the search bots can take some time to get around to indexing your site. In fact it's a good strategy to publish your site before it's complete which then shortens the latent period of being indexed by the search engines.
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
i just want everything on the right of the description to be moved below the description

thanks
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I can see an issue with an aspect of the code you have added. The snippet that I referred you to from the other thread doesn't go into the Store CSS but rather into the Yola Over-rides CSS section. This is a separate section altogether.

Please see another tutorial: How to edit your Site CSS for this process.
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
Ive done what youve said but it hasnt changed
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi again Agwein,

I am sure that we can get this up to scratch. You are an entrance level web-master and it does require some learning to bring the understanding and skills into line to be able to do things like you wish to. You are in a fairly advanced level of customisation and at the same time trying to get the basics into your head. That's a big call and you need to be fairly gentle with your expectations. You will get there but it won't be tomorrow.

I admire the commitment to your vision and your rejection of perceived mediocrity. You simply have to be realistic on the timeline and not allow frustration to eat you. All the Yola CS people Stefan, Laura and Jen, specifically, will offer as much help as they can. I will certainly do the same. Lets just take it a step at a time as quickly as we can all manage and I can almost guarantee that you will have an excellent website with a Store that you will be fairly pleased with. Once it is at a stage that you are ready to say "acceptable" then you can promote it and at the same time there is nothing preventing you from altering the appearance. That works very well and keeps your site fresh and vital.

Don't let your frustration kill your enthusiasm.
Photo of Lyall

Lyall, Official Rep

  • 142 Posts
  • 10 Reply Likes
Hi Agwein,

I am glad I reached you. As discussed, coding is needed to accomplish what you need, and I will look into this and touch base with you soon.
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
Hi Gop thanks for your help I really do appreciate it. I just wasnt expected to have to do all this. Lyall is going to help me as Im concerned Im just adding codes and not really knowing whether they are correct which could cause further issues.Thanks for your time x
Photo of Lyall

Lyall, Official Rep

  • 142 Posts
  • 10 Reply Likes
Hi Agwein,

I have sent you an email regarding your requests, please respond to my email if you continue having trouble.
Photo of Agwein

Agwein

  • 44 Posts
  • 0 Reply Likes
Hi please email agweinreid@virginmedia.com thanks
Photo of Lyall

Lyall, Official Rep

  • 142 Posts
  • 10 Reply Likes
Hi Agwein,

I have resent my initial email to agweinreid@virginmedia.com now. Please let me know if you need further assistance by responding to my email.