Feature requests: Multiple photos and Rich Text
Permalink Browser Info Environment
Just some first impression ideas below from me while I've been using this add-on in the last week;
1. Multiple photos per product:
Add-on allows only one photo per product, be great to allow for more photos to be added, similar to how Ebay displays photos.
2. Rich text Product Description:
Currently the product description text seems to be plain text with no formatting. Would prefer this to be at least Rich text so I can use features like bold text or line returns etc.
Keep up the good work,
Anthony
1. Multiple photos per product:
Add-on allows only one photo per product, be great to allow for more photos to be added, similar to how Ebay displays photos.
2. Rich text Product Description:
Currently the product description text seems to be plain text with no formatting. Would prefer this to be at least Rich text so I can use features like bold text or line returns etc.
Keep up the good work,
Anthony
Type: | Discussion |
---|---|
Status: | Resolved |
Yeah, that makes perfect sense to me, thanks for the detailed explanation, I really appreciate it.
I suppose I'm just getting used to how your cart works differently to the other carts I've worked with. Like you said, its more versitile this way.
So is this how you achieved the rollover product image on your Live Demo page? By simply adding an Image block instead of adding an image to your block?
Cheers.
I suppose I'm just getting used to how your cart works differently to the other carts I've worked with. Like you said, its more versitile this way.
So is this how you achieved the rollover product image on your Live Demo page? By simply adding an Image block instead of adding an image to your block?
Cheers.
Yeah, it is pretty different compared to other shops - I took a bit of a risk going the 'all block' approach. It arguably goes against best practice when it comes to managing data like this, but due to the way Snipcart works it's actually a really good fit.
Again it's not going to work for every kind of setup and shop, but for smaller shops it certainly makes things pretty streamlined, no going back and forth between a dashboard page and the front end.
With the site I've linked as a demo (which gets lots of orders by the way), the rollover effect is simply a CSS style I've applied - just a quick change in opacity of the image on the rollover, it's not swapping out the image for another.
Again it's not going to work for every kind of setup and shop, but for smaller shops it certainly makes things pretty streamlined, no going back and forth between a dashboard page and the front end.
With the site I've linked as a demo (which gets lots of orders by the way), the rollover effect is simply a CSS style I've applied - just a quick change in opacity of the image on the rollover, it's not swapping out the image for another.
I bet it gets a lot of orders, I think I've ordered a years supply Rustic Beauty! Just haven't pressed the Pay button :)
Excuse my CSS ignorance, used up all my brain power on the changes to 5.7! But don't suppose you have a copy of that rollover CSS code and where I should add it?
Thanks.
Excuse my CSS ignorance, used up all my brain power on the changes to 5.7! But don't suppose you have a copy of that rollover CSS code and where I should add it?
Thanks.
Something like this added to your theme should do it:
.snipcart-product a:hover img { opacity: 0.8; }
Oh and you asked where can you add it.. you can either use the 'Customise Theme' option (where you change colours, etc) and put it in the custom CSS there.
Or if you've built your own theme just chuck that on the bottom of your CSS.
Or if you've built your own theme just chuck that on the bottom of your CSS.
Fantastic, works a treat :)
Thank you very much.
Thank you very much.
Both these things I did consider in the development, let me explain my thinking to why I didn't include either with the block;
1 - My thinking was that because it's block based, the solution to adding additional images is to use the various image and gallery blocks that are available. You'd basically just add such underneath or use the layout tool to put them in however you needed. Ultimately this gives much more flexibility than me making an assumption as how they are to look, what sizes, etc. Some people might want lightboxes, or grids of images, or slideshows, or want to resize the images to certain ratios - that's a whole new bunch of considerations I think is better handled by dedicated blocks.
The same goes for things like videos, product brochure downloads, etc. The product block is perhaps more accurately a 'product _button_ block', in that its primary purpose is being able to output the add to cart button (which has the special stuff on it for Snipcart). The rest of the output is there (since it's entered anyway) as a convenience.
I made the block have options so you can basically turn of all the content and _just_ show the button, meaning you've got complete control over the content around it, as opposed to having to learn how to modify custom block templates.
2 - The product description field's primary purpose is to add a description that can be displayed in the cart, and this has to be plain text - think of it a bit like the meta description field on pages. But then for rich text on the page, the same approach would apply as per the images - you would then use a normal content block on the page however you needed.
I ultimately wanted to keep the product block as lean and simple as possible (it's pretty complex as it it), to be able to make as few assumptions as possible as to how it's output would look - perhaps at the expense of some automatic features you might see in larger shops. The add-on is really intended for medium to small shops, where you might have quite customised product pages, instead of for larger shops where you have many products that all need to be quickly entered. In the latter case, some more complex shop system is perhaps the way to go.