FitBar
-
Posts
19 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by FitBar
-
-
-
Same issue. It appears its an issue with how SS ID's product. We assign a SKU. FB looks for the SKU, but SS has a long number that FB thinks is the SKU. What is weird about this, it sometimes worked, sometimes didn't. FB help was useless when I tried to fix it 9 months ago. Now never works. still a problem. SS needs to direct FB to read the SKU, or need some kind of CSS that redefines Content ID.
-
Site URL: https://www.fitbarstrong.com/
I want to be able to adjust the "Cart (X)" font on desk top and mobile, and I want to move the "Cart (X)? from the bottom of the page to the top of the page.
I may also want to change to an actual ICON, although I think I have seen code for that.
Using Fulton / 7.0
I would also like to adjust the background color of the block.
See attached,
Thanks!
-
I would like to have this layout too!!
-
That code used to work, but it doesn't anymore :P
-
@tuanphan Hi! I tried using that before and after the above widening code and it just seems to override the widening code. For now I am going to leave it as is since the majority of the traffic of course is mobile. Thanks for trying tho!
-
Here are the 4 products in that screen shot
https://www.fitbarstrong.com/ocr-ninja-warrior-equipment/pinch-grips
https://www.fitbarstrong.com/ocr-ninja-warrior-equipment/pull-up-handles
https://www.fitbarstrong.com/ocr-ninja-warrior-equipment/neutral-grips
https://www.fitbarstrong.com/ocr-ninja-warrior-equipment/ninja-ball-grips
-
Thanks @tuanphan! I saw this on another screen and I ended up shortening the blog title 🙂
-
-
Site URL: https://www.fitbarstrong.com/ocr-ninja-warrior-equipment
Hello - I wanted to widen the viewable width of the pages on my site, desktop only, and was able to do so with the following CSS.
/*make page wider desktop only*/
@media screen and (min-width:991px) { #page, #content {max-width: 85% !important;}
}Works great except for the the product shop: apparently the default product categories and product images are left-aligned. I tried various code snippets and was unable to get it center-align. At the moment I suppressed the page width widening. Any help is appreciated!!!
-
On 12/3/2020 at 3:45 AM, tuanphan said:
To make related products 2 items/row mobile, add to Custom CSS
@media screen and (max-width:767px) { .ProductItem-relatedProducts-grid.clear { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); } .ProductItem-relatedProducts-grid.clear img { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; } }
Hi tuanphan - i tried this but it still has 4 related products per row. See attached. 4 per row is good for desktop, 2 is good for mobile. attached is the way it displays now which is not optimum 😛
-
On 2/28/2021 at 10:41 AM, tuanphan said:
Hi. Add to Design > Custom CSS
/* space under product thumbnails */ .product-description { margin-top: 10px; }
Perfect!! Thanks!!
-
I am also looking for a "Next" and "Previous" button that would show up on an individual product page so you could go to the next product in catalog (or ideally whats filtered by category), https://www.fitbarstrong.com/ocr-ninja-warrior-equipment. Using Fulton template SS 7.0. It would be a much better user experience than back, reload catalog, and reclick. Any help is appreciated! @tuanphan
-
Site URL: https://www.fitbarstrong.com/ocr-ninja-warrior-equipment/suspension-straps
Hi all - there's a pretty big space above the "Additional information" field product text / below the pictures / add to car button that goes into the Its on both desktop and mobile. Any CSS is appreciated! @tuanphan
Tiktok
in Commerce
Posted
That's what I have seen / read elsewhere. My guess is it will be coming....